javaScript 頁面自動加載事件詳解

本篇文章主要是對javaScript頁面自動加載事件進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

方法1:
代碼如下:

 Window.οnlοad=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 οnlοad="function1(),function2(),function3()">
   </body>
</html>
<script >
 function1(){
 }
function2(){
}
function3(){
}
</script>

方法5-2:window.onload事件的加載(頁面加載時同時加載多個函數...)
代碼如下:

<html>
    <body>
    </body>
<html>
<script>
   function1(){
   }
   function2(){
   }
   function3(){
   }
   window.οnlοad=function(){
    function1();
    function2();
    function3();
   }
</script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章