js页面发生变化调用一次方法
时间: 2023-08-21 16:02:36 浏览: 195
你可以使用 `window.addEventListener` 方法来监听页面的变化事件,然后在事件发生时调用你想要执行的方法。具体的代码如下:
```javascript
window.addEventListener('resize', function() {
// 在页面尺寸发生变化时调用的方法
});
```
在上面的代码中,`resize` 事件表示页面尺寸发生变化事件,第二个参数是一个回调函数,当事件触发时会自动调用这个函数。
你可以在这个回调函数中编写你想要执行的代码,例如重新计算页面元素的位置、调整页面布局等等。需要注意的是,这个事件会在页面尺寸变化时不断触发,因此你需要谨慎使用,避免造成性能问题。
相关问题
js页面发生变化调用方法
你可以使用 `window.addEventListener` 方法来监听页面的变化事件,然后在事件发生时调用你想要执行的方法。具体的代码如下:
```javascript
window.addEventListener('resize', myFunction);
```
在上面的代码中,`resize` 事件表示页面尺寸发生变化事件,第二个参数是你想要执行的方法名,不需要加括号,因为你只是指定了要调用哪个方法,而不是直接调用这个方法。
在这个方法中可以编写你想要执行的代码,例如重新计算页面元素的位置、调整页面布局等等。需要注意的是,这个事件会在页面尺寸变化时不断触发,因此你需要谨慎使用,避免造成性能问题。
另外,如果你想要在页面加载完成时就调用一次方法,可以使用 `window.onload` 事件,例如:
```javascript
window.onload = myFunction;
```
在上面的代码中,`window.onload` 表示页面加载完成事件,当页面加载完成时会自动调用指定的方法。
阅读全文