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

随心笔谈2年前发布 编辑
149 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>

© 版权声明

相关文章