javascript触发resize(js触发事件有哪些)

JavaScript中可以通过触发resize事件来响应网页窗口的大小改变。resize事件在窗口大小改变时被触发，可以用于执行特定的操作或调整页面布局。下面介绍几种常见的触发resize事件的方式。

1. 使用window.onresize属性：可以通过给window对象的onresize属性赋值一个函数来触发resize事件。当窗口大小改变时，该函数将被调用。

示例代码：

window.onresize = function() {
  console.log("窗口大小改变了");
};

2. 使用addEventListener方法：可以使用addEventListener方法来监听resize事件，并指定要执行的函数。

示例代码：

window.addEventListener('resize', function() {
  console.log("窗口大小改变了");
});

3. 使用jQuery的resize方法：如果项目中使用了jQuery库，可以使用其提供的resize方法来触发resize事件。

示例代码：

$(window).resize(function() {
  console.log("窗口大小改变了");
});

需要注意的是，以上方法都是通过监听窗口大小改变来触发resize事件。除了这种方式，还有一种特殊情况，即当页面中的元素大小改变时，也会触发resize事件。这是因为元素大小的改变可能会导致页面布局的变化，从而影响到窗口的大小。

示例代码：

var element = document.getElementById("myElement");
element.style.width = "200px";

在上述代码中，当通过修改元素的宽度来改变页面布局时，会触发resize事件。

除了resize事件，还有其他一些与页面尺寸相关的事件，如orientationchange事件、scroll事件等。orientationchange事件在设备方向改变时触发，可以用于响应设备旋转。scroll事件在页面滚动时触发，可以用于实现滚动监听等功能。

通过以上几种方式，可以在JavaScript中触发resize事件，并在事件处理函数中执行相应的操作，从而实现对窗口大小改变的响应。这对于实现响应式布局、自适应页面等功能非常重要。