day16-jQuery事件之页面框架加载后自动执行

一、前言

　　今天我们说说  jQuery事件之页面框架加载后自动执行 ，这个是什么意思呢？因为我们的html页面都是从上到下解释的，如果遇到一个 大的文件，或者大的图片加载的比较慢，那么绑定在标签上的事件，也就不能立即绑定完成。这样的话，事件就会失效。那咋办呐？我们今天就来讲讲，不用等图片或者大文件加载出来，只要它的框架加载完成之后，就会自动执行。

二、语法

说明：当页面框架加载完成之后，自动执行

$(function(){
     //js代码
})

三、举例说明

3.1、操作的html

说明：如果遇到img这种资源加载比较慢的情况，就会卡在这边，因为页面是从上到下执行的，所以事件不能立即绑定，所以采用如下方法。所以我们只需要等图片的框架加载出来，不需要等图片加载出来。

<body>
    <form action="n5.html" method="POST">
        <input type="text"/>
        <input type="submit" value="提交"/>
    </form>
    <!--图片过大，会卡在这边-->
    <img src="..."/>
    <script src="jquery-1.12.4.js"></script>

    <script>
        //js代码
    </script>
</body>

3.2、 页面框架加载后自动执行

$(function(){  //只需要图片的框架加载出来，不用等图片加载出来，就自动执行
  $(":submit").click(function(){
    //alert(123);
    var v = $(this).prev().val();
    if(v.length > 0 ){
        return true;
    }else {
        return false;
    }
  })
})

 

posted @ 2018-02-02 15:23  帅丶高高  阅读(174)  评论(0)  编辑  收藏  举报