合并加载和调整普通JavaScript的大小

我将加载和调整大小功能结合在一起

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

$（窗口）。在（“调整大小”上，函数（）{
如果（窗内宽度<700）{
警惕（“你好”）；
}
}).resize（）；

但是我正在寻找一个纯JavaScript代码（没有jQuery）

---

如何创建此功能？

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

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.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 
}

---

您正在为

DOMContentLoaded

和

resize

设置事件侦听器。查看详细信息。您没有将加载和调整大小结合起来，而是将DOM就绪和调整大小结合起来（至少从您提供的内容来看），如何使用此方法获取事件对象？@blueprintChris，只需将事件作为函数参数传递。i、 e.

function onResizeFunction（e）{//在resize事件上执行任何操作}