windows.onload

1.页面加载后完成

windows.onload = function(){

alert("执行")；

}

2.页面加载前完成

$(document).ready(function() {

alert("执行")；

}

**：需要注意的是，如果在函数中有ajax方法，

问题一：今天一直想不通的问题，我的ajax明明在页面前面为什么直到我的页面代码都执行完了我的后台数据才获取，然而，此时的数据已经不能服务于的html页面了。

$.ajax({

url:"../data/test.txt",

contentType:"application/json",

type:"POST",

cache:false,

async:true,

beforeSend:function(){

$('#queryForm').hide();

success:function(result){

obj=result;

complete:function(){

}

});

1. async:true,这种情况为异步方式，当ajax发送请求前，会先执行ajax块中beforeSend里面的代码，如果beforeSend里面有DOM操作，就可以立即对DOM进行渲染，当ajax发送请求后，在等待server端返回的数据的过程中，程序会继续执行ajax块外面的代码，直到服务器返回正确的结果才会去执行success的方法。因此，在执行success前DOM隐藏且obj=0。

2. async:false,这时ajax的请求是同步的。这样的话，当ajax发送请求前，会先执行ajax块中beforeSend里面的代码，如果beforeSend里面有DOM操作，不会立即对DOM进行渲染，而是等到complete执行完之后，才会渲染DOM，当ajax发送请求后只有ajax请求成功之后，才会执行ajax块外面的js代码。因此，在执行完complete之后DOM才隐藏且obj=result。

问题二：关于$(document).ready(){}函数的使用，其实我现在还没有太明白，为什么一定要加它。然后在https://blog.csdn.net/qq_26291823/article/details/52573621博客里面找到了比较好的解释：

第一点：

你好，$().ready作用于所有html的dom元素加载完毕之后，尤其是动态的html，在不确定html文档是否加载完成的情况下，需要使用，如果不使用，可能会出现，dom元素未加载完成，如果直接使用$("div")防止获取的dom为null，所以建议必须写上

其二，建议jquery的代码写在$().ready中，这是一个jquery的环境，也就是说在他中的代码可以被jquery识别，为了防止jquery库出现错误

第二点：

window.onload = function(){ alert("welcome"); }

这样的写法作用是希望在页面加载完，自动执行定义js代码(function)。

$(document).ready(function(){.... })这个函数是用来取代页面中的window.onload;

document.ready()和传统的方法<body οnlοad=”load()”> 相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素(例如图片)的加载，因此，使用document.ready()方法的执行速度比onload()的方法要快。

Javascript 只有在DOM元素已经定义以后才可以对其执行某种操作，jQuery使用document.ready来保证所要执行的代码是在DOM元素被加载完成的情况下执行。

windows.onload相关推荐

windows.onload和body的onload属性的区别
关于windows.onload和body的onload属性的区别网上有些说法说的也不太统一,现在系统说下: 先看共同点: 都是body内容体加载结束执行: window.onload 内部方式可以 ...
windows.onload()
windows.onload() 调用必须等到页面内包括图片的所有元素加载完毕后才能执行. window.onload = Checkbox_Click. Checkbox_Click is a ...
html——windows.onload()与$(document).ready()区别
最近开始写html,原来基本学的都是皮毛,js与jquery混写,现在分开后,初始化的两个函数有点不太清楚就总结了下. 浏览器加载完DOM后,会通过javascript为DOM元素添加事件,在java ...
window.onload 与 jq的$(function(){})区别
遇到一个这样的问题:当页面加载时,进行数据ajax调取,则使用了Windows.onload进行加载,则页面进入的时候会加载缓慢或者直接就加载不上. 示例如下: window.onload = fu ...
js html body onload,动态添加页面body OnLoad事件的简单js代码
代码如下: /** * 动态添加页面onload事件 * Edit www.jbxue.com */ if (window.attachEvent) { window.attachEvent(&quo ...
jsonready onload 与_【前端面试合集】面试题向三
百度 1. 了解的库? Jquery:是一个js函数库特性:html元素选取.操作 Css操作 Html事件函数 Js特效和动画 Html DOM遍历和修改 AJAX Utilities Zepto ...
jQuery学习笔记--Helloworld
刚学习jQuery,觉得有的东西确实有必要写下来,加深下记忆,本文纯属给自己写的,希望大家不要见笑 jQuery是什么? jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多j ...
JavaScript的预编译及执行顺序
从JavaScript引擎的解析机制来探索JavaScript的工作原理,下面我们以更形象的示例来说明JavaScript代码在页面中的执行顺序. 如果说,JavaScript引擎的工作机制比较深奥是 ...
jQuery基础之（二）jQuery中的$
在jQuery中,最常用的莫过于使用美元符号$,它提供了各种各样的丰富功能.包括选择页面中一个或者一类元素.作为功能函数的前缀.windows.onload的完善,创建DOM节点等.本文介绍jQuer ...

windows.onload

windows.onload相关推荐

最新文章

热门文章