<body>标签中onload方法与 Jquery库函数 $(selector).ready()比较

最新推荐文章于 2020-10-27 11:22:41 发布
原创 最新推荐文章于 2020-10-27 11:22:41 发布 · 815 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了网页加载过程中的两种常见事件：onload 和 ready。onload 事件会在网页及其所有资源完全加载完毕后触发，适用于需要确保所有内容均已加载的情况。然而，当页面资源较多时可能导致延迟。相比之下，ready 方法在DOM加载完成后即刻执行，提高了页面响应速度。 

<body onload="load()">

onload 常用在 <body> 中，一旦完全加载所有内容（包括图像、脚本文件、CSS 文件等），就执行一段脚本。

这个方法的不足之处是如果遇到网页需要加载的内容过多，就可能会发生用户在脚本执行前就进行了一些操作，导致问题发生。


$(document).ready(function (){
	alert('use in page script tag') ;
});
ready方法则会在页面的dom加载完后就可以加载一些方法(当然与浏览器的支持有一定关系，不如onload通用)，而不用等待全部元素加载完成。

在网页加载完成后执行——body的onload()
Winter--王大梅
10-26 1万+
一个师哥说过：前台开发，往往一个问题纠结半天，还没有技术含量。对这些真的是深有体会了。还是要多多积累吧。     最近遇到了一个问题：点击datagrid的行，跳转到相应的详情界面，并进行一系列的查询然后将内容返回到页面上。这时，问题就来了。 先说一下一开始我的代码： datagrid行单击事件： $("#dgApply").datagrid({ onClickRow:function
window.onload与jQuery($(document).ready())
明德zhuang
07-17 698
(document).ready()方法
body onload → jquery onload
tyohaihai的专栏
09-12 797
jquery: $(document).ready(function(){                 chg_KensakuKbn(); });
body中的onload()函数和jQuery中的document.ready()有什么区别？
dgce56105的博客
06-21 1730
1、我们可以在页面中使用多个document.ready()，但只能使用一次onload()。 2、document.ready()函数在页面DOM元素加载完以后就会被调用，而onload()函数则要在所有的关联资源（包括图像、音频）加载完毕后才会调用。 转载于:https://www.cnblogs.com/ygunoil/p/9210758.html...
jquery的ready()方法与 <body onload=""> 有什么区别？
松篁
11-10 309
请查看 [url]http://qiusuozhe.com/archives/4391.html[/url] 一般情况下都是设置body标签的onload监听window的load事件.但load事件是要在页面的元素全部加载完了才触发的,如果页面上图片较多或图片太大,就会导致初始化的代码未被执行的时候用户就做了其它操作了. Jquery库提供了一个非常方便好用的函数( $(selector)...
JS中的onload()函数和jQuery中的document.ready()
qq_42880033的博客
10-27 354
JS中的onload()函数和jQuery中的document.ready() onload() onload 事件会在页面或图像加载完成后立即发生。 onload 通常用于 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。 <body onload="load()"> //页面加载之后立即执行一段 JavaScript document.ready() 当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。 $(documen
JQuery下关于$.Ready()的分析
10-29
本文主要讨论的是jQuery中的`$.ready()`方法及其与`onload`事件、`$(window).load()`方法的区别与应用。 首先，`$.ready()`方法，通常写作`$(document).ready()`，它的主要作用是在DOM（文档对象模型）完全加载完毕...
jquery的$(document).ready()和onload的加载顺序
12-04
最近在改一个嵌入在frame中的页面的时候，使用了jquery做效果，而页面本身也绑定了onload事件。改完后，Firefox下测试正常流畅，IE下就要等个十几秒jquery的效果才出现，黄花菜都凉了。 起初以为是和本身onload加载...
body onload
kururunga的博客
05-14 1605
onload 属性在对象已加载时触发。 onload 常用在 中，一旦完全加载所有内容（包括图像、脚本文件、CSS 文件等），就执行一段脚本。如下 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> &l...
js中onload和jQuery中ready的区别
要输就输给追求吧！
04-28 936
1、执行时间不同 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 js代码 var img = new Image(); img.src = "./浅拷贝.png"; document.body.appendChild(img); console.lo
利用 window_onload 实现select默认选择
12-17
请参考这个程序： <?php //$day 星期几，如：星期三 $day=3; ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>test</title> </head> <body onload="window.form1.day.
window.onload()函数和jQuery中的document.ready()区别
weixin_34009794的博客
01-30 826
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过相比较而言还是有区别的。 1.执行时机 window.onload()是必须等图片在内的一切元素加载完成后才能执行。 $(document).ready()是当DOM结构完成后就执行，不必等到全部元素加载完毕。 2.编写个数 window.onload(...
Jquery对象、代替body标签的onload、事件机制、同一函数实现get\set
Cactus
08-01 8732
Jquery对象　 jquery提供了很多遍历的函数，如each(fn)，但是使用这些函数的前提是：你使用的对象是Jquery对象。使一个Dom对象成为一个Jquery对象很简单，通过下面一些方式（只是一部分）： 　　代码 　　var a = $("#cid")
select.onload usage
weixin_45003282的博客
11-18 423
HTML中Select的使用详解 <html> <head> <SCRIPT LANGUAGE="JavaScript"> <!-- //oSelect 列表的底部添加了一个新选项 function onload(){ var oOption = document.createElement("OPTION"); oOption.text="Ferrari...
body加载多个onload
weixin_33836874的博客
11-01 503
方法一： <scripttype="text/javascript"> <!-- functiona(){ alert(1); } functionb(){ alert(2); } functionc(){ alert(3); } //--> </script> <...
HTML body onload 事件属性
evilcry2012的专栏
01-09 2520
HTML onload 事件属性 HTML 事件属性 实例 页面加载之后立即执行一段 JavaScript： onload="load()"> 亲自试一试 浏览器支持 IE Firefox Chrome Safari Opera          
html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比
热门推荐
《春馨梦》的专栏
03-17 1万+
html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比。 情况一：head 、body 以及body 外面的window.onload采用匿名方法。 onload 的顺序判断 /** * 加载页面 Body */ function loadBody(){ console.log("load
select的用法
一二 二一 而已
05-30 1198
今天用到把select的option变灰，option有个disable属性，但是在ie中这个属性好像不好使，于是在网上找个一个ｊｓ方法．此方法重写了select的onfocus和onchange方法．但是如果把变灰的一个option重新变灰原来的状态需要如下两步操作．optionObject.disabled=true;optionObject. = "graytext";变灰的js方法
怎样让html的<body>标签中的onload属性只触发一次
03-22
可以使用JavaScript来实现，给<body>标签添加一个id属性，然后在JavaScript中使用addEventListener()方法来监听load事件，然后在事件处理程序中移除该事件监听器即可。示例代码如下： HTML代码： <body id="myBody...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值