JavaScriptページでは、jsを自動的に実行(ロード)する方法がいくつかあります.

3032 ワード

JavaScript

一、JS方法
1.一番簡単な呼び方は、直接にhtmlのbodyタグに書きます.

<html>
    <body onload="func1();func2();func3();">body>
html>

2.JS文での呼び出し:

<script type="text/javascript">
　　function myfun(){
　　 　　 alert("this window.onload"); 　　
　　} 　　/* window.onload  myfun()*/　　
    window.onload = myfun;//    
script>

3です

<script type="text/javascript">
    window.onload=function(){
        func1();
        func2();
        func3(); 
    }
script>

二、JQの方法
1.ページ全体のdocumentをすべて読み込み完了後に実行します.残念なことに、このような方法はページのDOM treeの全部のロードが完了するだけでなく、すべての外部画像とリソースのロードが完了する必要があります.さらに不幸なことに、外部リソース、例えば画像を長くロードする必要があるなら、このjs方法の実行は遅いと感じる.つまり、これは一番厳密なページをロードしてから実行する方法です.

window.onload =function() {
     $("table tr:nth-child(even)").addClass("even"); //   jquery   
};

2.すべてのDOM構造をロードするだけで、ブラウザがすべてのHTMLをDOM treeに入れる前に方法を実行します.外部画像とリソースをロードする前に含める.

$(document).ready(function() {
     $("table tr:nth-child(even)").addClass("even"); //       js   
});

もう一つの簡単な書き方があります.

$(function() {
     $("table tr:nth-child(even)").addClass("even"); //       js   
});

回転:http://hi.baidu.com/410838107/item/7754deefcb5f65a9cf2d4f98

私のshiroの旅:16検証コード