结合加载和调整大小普通 JavaScript

Question

我将加载和调整大小功能合二为一。

$(window).on("resize", function () {
    if (window.innerWidth < 700) {
        alert('hello');
    }
}).resize();

但我正在寻找纯 JavaScript（没有 jQuery）的代码。

我该如何创建这个？

Answer 1

您可以通过添加事件侦听器并在调整大小时调用函数来执行此操作：

window.addEventListener("resize", onResizeFunction);

function onResizeFunction (e){
//do whatever you want to do on resize event 
}

onLoad 事件也是如此：

window.addEventListener("load", onLoadFunction);

function onLoadFunction(e){
//do the magic you want 
}

如果您想在调整大小时触发功能，当 window 加载时

window.addEventListener("load", onLoadFunction);

function onLoadFunction(e){
//do the magic you want 
onResizeFunction();// if you want to trigger resize function immediately, call it 

window.addEventListener("resize", onResizeFunction);
}

function onResizeFunction (e){
//do whatever you want to do on resize event 
}

结合加载和调整大小普通 JavaScript

combine load and resize plain JavaScript

javascript

load

resize