JQUERTwindow.onload
时间: 2023-10-31 17:56:24 浏览: 24
在使用 jQuery 的情况下,可以使用 `$(document).ready()` 或简写为 `$(function())` 来在页面加载完成后执行代码。这两种方式都是在页面中的所有元素都已经加载完毕后执行相应的函数。例如:
```javascript
$(document).ready(function() {
// 在页面加载完成后执行的代码
});
// 或者
$(function() {
// 在页面加载完成后执行的代码
});
```
这样可以确保在操作页面元素之前,它们已经完全加载并可以被访问。
相关问题
xhr.onload
xhr.onload是XMLHttpRequest对象的一个事件处理程序,它在请求成功完成并且服务器响应已经完全加载时触发。在这个事件处理程序中,你可以处理服务器返回的数据。
以下是两个使用xhr.onload的例子:
1. 在xhr.onload中处理服务器返回的数据:
```javascript
var xhr = new XMLHttpRequest();
var url = '/server';
xhr.onload = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
// 处理服务器返回的数据
console.log(xhr.responseText);
} else {
console.error(xhr.statusText);
}
}
};
xhr.open('GET', url, true);
xhr.send(null);
```
2. 使用xhr.responseXML获取解析后的文档DOM树:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', '/server', true);
xhr.responseType = 'document';
xhr.overrideMimeType('text/xml');
xhr.onload = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseXML);
}
};
xhr.send(null);
```
--相关问题:
1. 如何使用XMLHttpRequest发送POST请求?
2. 如何处理XMLHttpRequest的错误状态?
3. 如何使用XMLHttpRequest上传文件?
iframe.onload
iframe.onload是一个事件,当iframe加载完成后触发。可以通过注册事件监听器来执行一些操作。下面是两个例子:
1.正常的iframe加载完成后触发onload事件
```javascript
var iframe = document.createElement("iframe");
iframe.src = "https://www.baidu.com";
if (iframe.attachEvent) {
iframe.attachEvent("onload", function() {
console.log("Local iframe is now loaded.");
});
} else {
iframe.onload = function() {
console.log("Local iframe is now loaded."); // “Local iframe is now loaded.”
};
}
document.body.appendChild(iframe);
```
2.display为none的iframe中的onload事件正常顺序注册
```javascript
var iframe = document.createElement("iframe");
iframe.style.display = "none";
iframe.src = "https://www.baidu.com";
if (iframe.attachEvent) {
iframe.attachEvent("onload", function() {
console.log("Local iframe is now loaded.");
});
} else {
iframe.onload = function() {
console.log("Local iframe is now loaded."); // “Local iframe is now loaded.”
};
}
document.body.appendChild(iframe);
```
相关推荐
![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)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)