js教程

JS判断网站宽度改变样式或触发事件教程

我的站长站 2022-10-15 人阅读

oWidth为获取的网站宽度,然后判断oWidth宽度数值是否小于某分辨率,如果成立就可以加载改变样式文件或触发事件等等,可以自由发挥了。

<script type="text/javascript">    
 var oWidth = document.documentElement.clientWidth || document.body.clientWidth;    
 if (oWidth < 1024) {}    
 else {    
   window.location.href = "https://www.wdzzz.com/";    
 }    
 window.addEventListener("orientationchange", function () {    
   var oWidth = document.documentElement.clientWidth || document.body.clientWidth;    
   if (oWidth < 1024) {}    
   else {    
     window.location.href = "https://www.wdzzz.com/";      
   }    
 }, false);    
 window.addEventListener("resize", function () {    
   var oWidth = document.documentElement.clientWidth || document.body.clientWidth;    
   if (oWidth < 1024) {}    
   else {    
     window.location.href = "https://www.wdzzz.com/";     
   }    
 }, false);    
</script>


相关推荐
  • JS判断
  • 简单的JS判断用户登录代码

    <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal...

    js教程 55 3年前
  • JS判断IE浏览器版本

    简单的原生JS判断IE浏览器版本var DEFAULT_VERSION = 8.0; var ua = navigator.userAgent.toLowerCase(); var isIE = ua.indexOf("msie")>-1; var safariVersion; if(isIE){ safariVersion = ua.match(/msie ([\d.]+)/)[1]; } if(safariVe...

    js教程 158 5年前
  • JS判断input file图片宽度完美兼容版

    判断input file图片宽度、大小最好的方法是用后端提交后来判断,但对应不会程序的朋友怎么办,门槛有点高。之前有分享过一次利用JS来判断input file图片宽度教程,但有个BUG,当第一次触发change方法判断true时,第二次input file随意选择一个都不会再次触发...

    js教程 157 5年前
最新更新
  • js返回上一页、刷新页面代码大全

    返回上一页代码:<a href="javascript:history.go(-1)">返回上一页</a>onclick返回上一页代码:<a href="javasc...

    js教程 2天前
  • js语言!=与!==的区别

    != (不等于)!= 是松散的不等于运算符。它在比较两个值时,会先进行类型转换(type coercion),然后再比较值是否不...

    js教程 6天前
  • JS防止网站被扒的解决方法

    这个代码能够直接保护整个站,而不再是单个页面,直接把代码放到自己的网站上,如果是博客建议放到header.php头部...

    js教程 3周前
  • Hexo插件开发实战教程

    Hexo的插件嵌入有两种方式,一种是通过脚本(Scripts)的方式引入,一种是通过插件(Packages)的方式将自定义的插件内...

    js教程 1个月前
  • JavaScript定时删除指定元素方法

    JavaScript定时删除指定元素一般用到自动隐藏的效果功能上面,主要用到了JS的setTimeout语法。下面是一个定时...

    js教程 1个月前