javaScript 页面自动加载事件详解

本篇文章主要是对javaScript页面自动加载事件进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

方法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>
   </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>

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdyxfw.html