$(document).ready()使用讨论

最新推荐文章于 2022-07-29 22:36:42 发布

最新推荐文章于 2022-07-29 22:36:42 发布 · 129 阅读

文章标签：

#java

java 专栏收录该内容

281 篇文章

订阅专栏

本文介绍如何利用$(document).ready()函数在页面加载完成后异步加载内容，提升页面响应速度，适用于包含多个iframe的复杂页面场景。

一、先为说说 $(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中要显示的内容。