首頁 > 文章 > web前端 > 在頁面自動執行（載入）js的幾種解決方法，詳細程式碼解析

在頁面自動執行（載入）js的幾種解決方法，詳細程式碼解析

亚连原創: 2018-05-18 09:42:212346瀏覽

以下是我幫大家整理的幾個在頁面上自動執行（載入）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>

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特效 });

上面是我整理給大家的，希望今後會對大家有幫助。

利用js 來判斷客戶端能否上網（程式碼附上）

##詳細為你解析AJAX的使用方法(程式碼貼上)

有關AJAX的面試題（附答案）
#

以上是在頁面自動執行（載入）js的幾種解決方法，詳細程式碼解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：利用js 來判斷客戶端能否上網（程式碼附上）下一篇：利用js 來判斷客戶端能否上網（程式碼附上）

看更多