javascript代码实例教程-JavaScript开发中常用的js初始化函数比较

发布时间:2019-01-01 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JavaScript开发中常用的js初始化函数比较脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

JavaScript开发中常用的js初始化函数比较。

1.ready是等页面所有的dom节点加载完成,监听的是 DomContentload 事件。初始化并解析完成是触发,ready事件是页面中的所有DOM结构已完全加载时执行

不需要等待样式表,图片和 iframes 加载完,也就是说当这个事件触发的时候,你就可以通过 JS 获取所有你 htML 里的节点了。

在大多数情况下,只要DOM结构已完全加载时,脚本就可以运行。传递处理函数给.ready()方法,能保证DOM准备好后就执行这个函数。

写法有下面几种;

$().ready( function() {

// do something

} );

$( document ).ready( fuction() {

// do something

} )

$( function() {

// do something

} )

2.而winDOS的onload---window 的 onload 事件是在文档的所有资都加载完成之后触发,

包括 JS,CSS,文档里面的所有的图片,多媒体内容等等。所以 onload 触发的会比 dom ready 慢,会在ready的后面加载,

load事件是当页面完全呈现(如页面中的图像已被完全接收)时执行。,比如有一个大图片,

页面都已经展现出来了,图片还没加载完成,那么 onload 就不会被触发。

如果执行的代码需要在元素被加载之后才能使用时,(例如,取得图片的大小需要在图片被加载完后才能知道),就需要将这样的代码放到 load 事件中。

写法:

$(window).load(function(){});//3.0以前的写法,已经过时了

//可使用

$( window ).on( 'load', function() {

// do something

} );

window.onload=function(){}

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-JavaScript开发中常用的js初始化函数比较全部内容,希望文章能够帮你解决javascript代码实例教程-JavaScript开发中常用的js初始化函数比较所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。