$(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>

1、先为说说 $(document).ready() 的功能：

    1. JQuery API对 $(document).ready() 的解释是：当DOM载入就绪能够查询及操纵时绑定一个要执行的函数。

    2. 个人理解：$(document).ready() 用于当前页面加载完成后，就执行其定义的方法，用于异步加载，提交页面响影的速度，用于在一个页面中包含多个页面的状况（一个页面中使用多个iframe）。

 

2、使用方法以下：

    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中要显示的内容。