javaScript 頁面自動載入事件詳解_javascript技巧

來源:互聯網
上載者:User
方法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>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.