页面初始化时执行js方法
有多种方式来实现页面初始化时执行JS方法,下面将介绍几种常见的方法:
1. 使用load事件:
这是最常见的方式,可以在整个页面加载完毕后执行指定的JS方法。例如:
```javascript
load = functio
//页面加载完毕后执行的代码
}
```
这种方式可以确保在所有资源(包括图片、样式表等)都加载完毕后再执行。
2. 使用$(document).ready(方法(使用jQuery库):
如果你使用了jQuery库,可以使用它提供的$(document).ready(方法来初始化页面。这个方法会在DOM加载完毕后执行传入的回调函数。例如:
```javascriptscript在html中的用法
$(document).ready(functio
//DOM加载完毕后执行的代码
});
```
这种方式有点类似于load事件,但更加灵活和方便。
3. 使用async或defer属性:
在HTML5中,可以使用async或defer属性来延迟或异步加载脚本,以避免阻塞页面的加载。这两个属性只适用于外部脚本,例如:
```html
<script src="script.js" async></script>
```
```html
<script src="script.js" defer></script>
```
4.使用自执行函数:
可以使用自执行函数来封装初始化代码,确保在页面加载时被立即执行。例如:
```javascript
(functio
//初始化代码
})(;
```
或者可以使用IIFE(Immediately Invoked Function Expression)表达式:
```javascript
(functio
//初始化代码
}();
```
这种方式可以将初始化代码放在一个单独的作用域中,不会污染全局命名空间。
以上是几种常见的方法,你可以根据具体需求选择适合的方式来实现页面初始化时执行JS方法。