網(wǎng)頁中JS函數(shù)自動(dòng)執(zhí)行常用三種方法

字號(hào):


    本文為大家分享了在網(wǎng)頁中JS函數(shù)自動(dòng)執(zhí)行常用方法,供大家參考,具體內(nèi)容如下
    一、JS方法
    1.最簡單的調(diào)用方式,直接寫到html的body標(biāo)簽里面:
    <body onload="myfunction()">
    <html> <body onload="func1();func2();func3();"> </body> </html>
    2.在JS語句調(diào)用:
    <script type="text/javascript">
    function myfun()   
    {    alert("this window.onload");   }   /*用window.onload調(diào)用myfun()*/  
    window.onload = myfun;//不要括號(hào)
    </script>
    第三種
    <script type="text/javascript">
    window.onload=function(){
    func1();
    func2();
    func3(); }
    </script>
    二、JQ方法
    1.整個(gè)頁面的document全部加載完成以后執(zhí)行。不幸的這種方式不僅要求頁面的DOM tree全部加載完成,而且要求所有的外部圖片和資源全部加載完成。更不幸的是,如果外部資源,例如圖片需要很長時(shí)間來加載,那么這個(gè)js方法執(zhí)行感覺就比較慢了。也就是說這是一種最嚴(yán)謹(jǐn)?shù)捻撁婕虞d完再執(zhí)行方法的方法。
    window.onload =function() { $("table tr:nth-child(even)").addClass("even"); //這個(gè)是jquery代碼 };
    2.僅只需要加載所有的DOM結(jié)構(gòu),在瀏覽器把所有的HTML放入DOM tree之前就執(zhí)行方法。包括在加載外部圖片和資源之前。
    $(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要執(zhí)行的js特效 });
    還有一種簡寫方式
    $(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要執(zhí)行的js特效 });
    在網(wǎng)頁中JS函數(shù)自動(dòng)執(zhí)行常用三種方法
    在HTML中的Head區(qū)域中,有如下函數(shù):
    <SCRIPT LANGUAGE="JavaScript">
    functionn MyAutoRun()
    {
    //以下是您的函數(shù)的代碼,請(qǐng)自行修改先!
    alert("函數(shù)自動(dòng)執(zhí)行哦!");
    }
    </SCRIPT>
    下面,我們就針對(duì)上面的函數(shù),讓其在網(wǎng)頁載入的時(shí)候自動(dòng)運(yùn)行!
    ①第一種方法
    將如上代碼改為:
    <SCRIPT LANGUAGE="JavaScript">
    functionn MyAutoRun()
    {
    //以下是您的函數(shù)的代碼,請(qǐng)自行修改先!
    alert("函數(shù)自動(dòng)執(zhí)行哦!");
    }
    window.onload=MyAutoRun(); //僅需要加這一句
    </SCRIPT>
    ②第二種方法
    修改網(wǎng)頁的Body為:
    <body onLoad="MyAutoRun();">
    或者改為:
    <body onLoad="javascript:MyAutoRun();">
    ③第三種方法
    使用JS定時(shí)器來間斷性的執(zhí)行函數(shù):
    setTimeout("MyAutoRun()",1000); //隔1000毫秒就執(zhí)行一次MyAutoRun()函數(shù)
    實(shí)現(xiàn)方法,將最上面的那JS函數(shù),改為:
    <SCRIPT LANGUAGE="JavaScript">
    functionn MyAutoRun()
    {
    //以下是您的函數(shù)的代碼,請(qǐng)自行修改先!
    alert("函數(shù)自動(dòng)執(zhí)行哦!");
    }
    setTimeout("MyAutoRun()",1000); //這樣就行拉
    </SCRIPT>
    其它的方法比較特殊,也不常用,通用性也不大,就不介紹了!
    以上為大家介紹的是JS函數(shù)自動(dòng)執(zhí)行常用方法,希望對(duì)大家的學(xué)習(xí)有所幫助。