快捷導(dǎo)航

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

更新時(shí)間：2016年03月30日 14:16:13 投稿：lijiao

這篇文章主要為大家詳細(xì)介紹了網(wǎng)頁中JS函數(shù)自動執(zhí)行常用三種方法，感興趣的小伙伴們可以參考一下

本文為大家分享了在網(wǎng)頁中JS函數(shù)自動執(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;//不要括號
</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ù)自動執(zhí)行常用三種方法

在HTML中的Head區(qū)域中，有如下函數(shù)：

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

　　　//以下是您的函數(shù)的代碼，請自行修改先！

　　　alert("函數(shù)自動執(zhí)行哦！"); 

　　} 

</SCRIPT>

下面，我們就針對上面的函數(shù)，讓其在網(wǎng)頁載入的時(shí)候自動運(yùn)行！

①第一種方法

將如上代碼改為：

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

　　　//以下是您的函數(shù)的代碼，請自行修改先！

　　　alert("函數(shù)自動執(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ù)的代碼，請自行修改先！

　　　alert("函數(shù)自動執(zhí)行哦！"); 

　　} 

　　setTimeout("MyAutoRun()",1000); //這樣就行拉

</SCRIPT>

其它的方法比較特殊，也不常用，通用性也不大，就不介紹了！

以上為大家介紹的是JS函數(shù)自動執(zhí)行常用方法，希望對大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章: