某某茶叶有限公司欢迎您!
金沙棋牌在线 > 服务器&运维 > jquery $和window.onload的不相同浅析_javascript本事_脚本之家

jquery $和window.onload的不相同浅析_javascript本事_脚本之家

时间:2019-12-06 13:28

本文实例讲述了window.onload与$的区别。分享给大家供大家参考。具体分析如下:

Jquery中$的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。

新手接触javascript、jquery的时候不可避免的要接触题目所标识的相关内容,反复看过几次一到用的时候总是不踏实,写此文以记之。

网页中的javascript脚本代码往往需要在文档加载完成后才能够去执行,否则可能导致无法获取对象的情况,为了避免这种情况的发生,可以使用以下两种方式:

window.onload是Javascript中得函数,意思是:等待网页中所有内容加载完毕之后.ready()是在网页中的所有DOM结构绘制完毕之后就可以执行了,可能有与DOM关联的元素还没有加载完,所以相比之下更快一些;

1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 $可以同时编写多个,并且都可以得到执行3.简化写法 window.onload没有简化写法 $.ready可以简写成$;

符号“$”是jquery对象。接着知道下面的一个等式,功能性能上是完全一致的。

一.将脚本代码放在网页的低端,这样在运行脚本代码的时候,可以确保要操作的对象已经加载完成。二.通过window.onload来执行脚本代码。

window.onload=function;};window.onload=function;}

在我以前的开发中,一般用到javascript,我都是采用jquery的模式,也就是大多数时候,第一行写的是:复制代码 代码如下:$.ready;

${ /*do some thing*/ }) = $.ready{/* do some thing */}) = ${ /* do some thing */ });

第一种方式感觉比较凌乱,往往我们需要将脚本代码放在一个更为合适的地方,那么window.onload方式就是一个更好的选择。window.onload是一个事件,当文档加载完成之后就会触发该事件,可以为此事件注册事件处理函数,并将要执行的脚本代码放在事件处理函数中,于是就可以避免获取不到对象的情况。先看一段代码实例:

根据上面的意思,结果只能输出“I am No.2”

这个时候,不一定要等所有的js和图片加载完毕,就可以执行一些方法,不过有些时候,必须要等所有的

上面是jquery中的东西,接着说下原生javascript中的,有window.onload和

   window.onload用法#bg{ width:100px; height:100px; border:2px solid red;}document.getElementById.style.backgroundColor="#F90"; 
$.ready{alert;$.ready{alert;

元素都加载完毕,才可以执行一些方法的时候,比如说,部分图片或者什么其他方面还没有加载好,这个时候,点击某些按钮,会导致出现意外的情况,这个时候,就

这两个,是存在一定区别的,使用匿名函数以及非匿名函数等会有不同,我暂时用不到所以没有做试验,网上是众说纷纭,不一致。 但是onload与jquery中的ready是不同的,这里面说下:

以上代码的初衷是向将div的背景颜色设置为#F90,但是并没有实现此效果,这是因为代码是顺序执行的,当执行到document.getElementById.style.backgroundColor="#F90"这一句的时候,还没有加载到此div对象,所以设置也就不能够成功。代码修改如下:

结果输出 I am No.1 ,I am No.2

需要用到:复制代码 代码如下:$.load {…

一个是次数不同,$在一个一个html中可以使用多次,onload只能使用一次或者说有效绑定只能是唯一的一个。

   位置高度div垂直居中#bg{ width:100px; height:100px; border:2px solid red;}window.onload=function(){ document.getElementById.style.backgroundColor="#F90";} 

希望本文所述对大家的javascript程序设计有所帮助。

另一个是执行时机的不同,简单讲$只要在DOM树加载完成就执行,onload要在全部的元素加载完成执行。

原因就是讲设置背景颜色的代码放置在window.onload的事件处理函数中,只有当文档加载完成后,才会执行事件处理函数,也才会执行设置背景颜色的脚本代码。

以上所述是小编给大家介绍的$ ready和onload 的区别介绍,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对脚本之家网站的支持!

事件处理函数绑定: