js实现PC端与客户端自适应

匿名 (未验证) 提交于 2019-12-02 23:49:02
var newDoc=document.open("text/html","replace"); //重新加载引入
window.onload=function(){
//进入判断页面
changeDivHeight();
}
window.onresize=function(){
//监听页面宽度值
changeDivHeight();
}
//执行判断命令
function changeDivHeight(){
//获取body的宽度
var h = document.body.clientWidth
console.log(h);
if(h < 800)
{
//移动端
document.getElementById('css').href='css/ydd.css' //移动端
panddh('yddaohang')
newDoc.close();
}
else
{
//PC端
document.getElementById('css').href='css/PCd.css' //PC端
panddh('pcdaohang')
newDoc.close();
}
}
//判断移动端 还是pc端 显示导航
function panddh(id){
if(id=='pcdaohang')
{
document.getElementById('pcdaohang').style.display="block";
document.getElementById('yddaohang').style.display="none";
}
else
{
document.getElementById('pcdaohang').style.display="none";;
document.getElementById('yddaohang').style.display="block"
}
}
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!