js中加载完再判断的
时间: 2023-12-11 22:04:52 浏览: 35
如果你想在JavaScript中等待某个资源(例如图片或其他脚本)加载完成后再进行某些操作,可以使用以下方法:
1. 使用`Image`对象加载图片,然后在`onload`事件中执行需要等待的操作。
```javascript
var img = new Image();
img.onload = function() {
// 图片加载完成后执行的操作
};
img.src = 'path/to/image.jpg';
```
2. 使用`addEventListener`方法监听脚本加载完成事件,然后在回调函数中执行需要等待的操作。
```javascript
var script = document.createElement('script');
script.src = 'path/to/script.js';
script.addEventListener('load', function() {
// 脚本加载完成后执行的操作
});
document.body.appendChild(script);
```
3. 使用`setInterval`方法定时检查资源是否加载完成,加载完成后执行需要等待的操作。
```javascript
var intervalId = setInterval(function() {
if (resourceLoaded) {
clearInterval(intervalId);
// 资源加载完成后执行的操作
}
}, 100);
```
以上方法都可以实现在资源加载完成后再执行某些操作,具体选择哪种方法取决于你的需求和代码结构。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)