我有一个根据屏幕大小显示不同内容的脚本,它看起来像这样:
window.onresize = function(event) {
if ((window.innerWidth > 750 && window.innerWidth < 1250)) {
//Do something
}}
在调整浏览器大小时,上面的方法绝对没问题。我的问题是,如果用户打开窗口宽度为 750 的页面,我如何才能使上述工作正常进行?
我刚刚对此进行了测试,显然在重新调整浏览器大小之前不会触发该事件,这导致上述内容无法正常工作
最佳答案
var onResizing = function(event) {
if ((window.innerWidth > 750 && window.innerWidth < 1250)) {
//Do something
}};
window.onresize = onResizing;
window.onload = onResizing;
关于页面加载时的javascript window.onresize,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17975254/