在頁面自動執行（載入）js的幾種解決方法，詳細程式碼解析
- 亚连原創
- 2018-05-18 09:42:212364瀏覽
以下是我幫大家整理的幾個在頁面上自動執行（載入）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的幾種解決方法，詳細程式碼解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn