本文為大家分享了在網(wǎng)頁(yè)中JS函數(shù)自動(dòng)執(zhí)行常用方法,供大家參考,具體內(nèi)容如下
一、JS方法
1.最簡(jiǎn)單的調(diào)用方式,直接寫到html的body標(biāo)簽里面:
<body onload="myfunction()">
<html> <body onload="func1();func2();func3();"> </body> </html>
2.在JS語(yǔ)句調(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è)頁(yè)面的document全部加載完成以后執(zhí)行。不幸的這種方式不僅要求頁(yè)面的DOM tree全部加載完成,而且要求所有的外部圖片和資源全部加載完成。更不幸的是,如果外部資源,例如圖片需要很長(zhǎng)時(shí)間來(lái)加載,那么這個(gè)js方法執(zhí)行感覺(jué)就比較慢了。也就是說(shuō)這是一種最嚴(yán)謹(jǐn)?shù)捻?yè)面加載完再執(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特效 });
還有一種簡(jiǎn)寫方式
$(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要執(zhí)行的js特效 });
在網(wǎng)頁(yè)中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)頁(yè)載入的時(shí)候自動(dòng)運(yùn)行!
①第一種方法
將如上代碼改為:
<SCRIPT LANGUAGE="JavaScript">
functionn MyAutoRun()
{
//以下是您的函數(shù)的代碼,請(qǐng)自行修改先!
alert("函數(shù)自動(dòng)執(zhí)行哦!");
}
window.onload=MyAutoRun(); //僅需要加這一句
</SCRIPT>
②第二種方法
修改網(wǎng)頁(yè)的Body為:
<body onLoad="MyAutoRun();">
或者改為:
<body onLoad="javascript:MyAutoRun();">
③第三種方法
使用JS定時(shí)器來(lái)間斷性的執(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í)有所幫助。