javaScript 页面自动加载事件

来源:互联网 发布:侠客风云传低配优化 编辑:程序博客网 时间:2024/06/05 15:23
 

方法1:

 Window.onload=function(){

   Var name=document.getElementById(“name”).val();//加载HTML,并且加载外部所有所有的引用文件(图片,css样式,js等)

}

 

方法2:需要引入Jquery的 .js文件

$(document).ready(function(){

         alert("JQuery的第一个入门案例");//加载HTML,不需等待,立即加载

});

 

方法3: ( 等同于方法2 )

jQuery(function (){

       if($("input[name='message']").val()!="")

           alert($("input[name='message']").attr("value"));

});

 

方法4 :(等同于上)

$(function (){
    alert("JQuery 页面自动加载时执行 1 ....");

 });

 

方法5-1:window.onload事件的加载(页面加载时同时加载多个函数...)

<html>

    <body onload="function1(),function2(),function3()">

   </body>

</html>

<script >

 function1(){

 }

function2(){

}

function3(){

}

</script>

方法5-2:window.onload事件的加载(页面加载时同时加载多个函数...)

<html>

    <body>

    </body>

<html>

<script>

   function1(){

   }

   function2(){

   }

   function3(){

   }

   window.onload=function(){

    function1();

    function2();

    function3();

   }

</script>

 

原创粉丝点击