$(document).ready()使用讨论
程序员文章站
2022-04-03 15:38:42
...
一、先为说说 $(document).ready() 的功能:
1. JQuery API对 $(document).ready() 的解释是:当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
2. 我的理解:$(document).ready() 用于当前页面加载完成后,就执行其定义的方法,用于异步加载,提交页面响影的速度,用于在一个页面中包含多个页面的情况(一个页面中使用多个iframe)。
二、使用方法如下:
1. 将页面中使用iframe的地方使用div代替;并定义div的ID属性。代码示例如下:
<div id="MyNoticesDiv" width="100%" height="195px">
</div>
2. 在js定义$(document).ready(),代码示例如下:
<script language="JavaScript" type="text/javascript"> $(document).ready(function(){ $.ajax({ url : '${base}/merchantHome/findMyNotices.action?merchantNoticeDto.limit=3', type : 'post', dataType : "text", success : function(text) { isPro = false; if(null != text && "" != text){ $('#MyNoticesDiv').html(text); } } }); }) </script>
3. 就这么简单,页面完成后,通过js再加载div中要显示的内容。
上一篇: document 常用事件
推荐阅读
-
AJAX的进阶使用(Blob、ArrayBuffer、FormDate、Document、JSON、Text)-javascript-lNong-SegmentFault思否
-
在文档加载后使用(document./write),会覆盖整个文档的原因是什么
-
JQ中$(window).load和$(document).ready区别与执行顺序
-
jquery中的$(document).ready()使用小结
-
一张表格告诉你windows.onload()与$(document).ready()的区别
-
$(document).ready(function(){})与window.load
-
jquery ready函数、css函数及text()使用示例
-
window.onload与$(document).ready()区别
-
JQuery onload、ready概念介绍及使用方法
-
JQuery中window.onload函数与$(document).ready()的区别实例讲解