JS函數會自動執行（載入）的三種方法
- PHPz原創
- 2017-04-02 16:13:1110016瀏覽
這篇文章主要為大家詳細介紹了網頁中JS函數自動執行常用三種方法，有興趣的小夥伴們可以參考一下
##一、JS方法 #1.最簡單的呼叫方式，直接寫到html的body標籤裡面：
<body onload="myfunction()"> <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>
第三種<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程式碼};
$(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要執行的js特效});
$(function() { $("table tr:nth-child(even)"). addClass("even"); //任何需要執行的js特效});
#在網頁中JS函式自動執行常用三種方法
在HTML中的Head區域中，有以下函數：<SCRIPT LANGUAGE="JavaScript">
functionn MyAutoRun()
{
//以下是您的函数的代码，请自行修改先！
alert("函数自动执行哦！");
}
</SCRIPT>
下面，我們就針對上面的函數，讓其在網頁載入的時候自動運行！
①第一種方法
將如上程式碼改為：##<SCRIPT LANGUAGE="JavaScript">
functionn MyAutoRun()
{
//以下是您的函数的代码，请自行修改先！
alert("函数自动执行哦！");
}
window.onload=MyAutoRun(); //仅需要加这一句
</SCRIPT>
②第二種方法修改網頁的Body為：
或改為： ③第三種方法使用JS計時器來間斷性的執行函數：
setTimeout("MyAutoRun()",1000 ); //隔1000毫秒就執行一次MyAutoRun()函數實作方法，將最上面的那JS函數，改為：
#<SCRIPT LANGUAGE="JavaScript">
functionn MyAutoRun()
{
//以下是您的函数的代码，请自行修改先！
alert("函数自动执行哦！");
}
setTimeout("MyAutoRun()",1000); //这样就行拉
</SCRIPT>
其它的方法比較特殊，也不常用，通用性也不大，就不介紹了！
以上是JS函數會自動執行（載入）的三種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn