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

随心笔谈1年前发布 编辑
140 0

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

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

© 版权声明

相关文章