html不用点击自动执行,页面自动执行(加载)js的几种方法
一、JS方法
1.最簡單的調(diào)用方式,直接寫到html的body標(biāo)簽里面:
2.在JS語句調(diào)用:
function myfun() {
alert("this window.onload");
}
/*用window.onload調(diào)用myfun()*/
// 不要括號
window.onload = myfun;
3。Js調(diào)用 onload方法
window.onload = function(){
func1();
func2();
func3();
}
二、JQ方法
1.整個頁面的document全部加載完成以后執(zhí)行。不幸的這種方式不僅要求頁面的DOM
tree全部加載完成,而且要求所有的外部圖片和資源全部加載完成。更不幸的是,如果外部資源,例如圖片需要很長時間來加載,那么這個js方法執(zhí)行感覺就比較慢了。也就是說這是一種最嚴(yán)謹(jǐn)?shù)捻撁婕虞d完再執(zhí)行方法的方法。
window.onload =function() {
$("table tr:nth-child(even)").addClass("even");
//這個是jquery代碼
};
2.僅只需要加載所有的DOM結(jié)構(gòu),在瀏覽器把所有的HTML放入DOM tree之前就執(zhí)行方法。包括在加載外部圖片和資源之前。
$(document).ready(function() {
//任何需要執(zhí)行的js特效
$("table tr:nth-child(even)").addClass("even");
});
有一種灰常簡便的寫法:
$(function() {
$("table tr:nth-child(even)").addClass("even");
//任何需要執(zhí)行的js特效
}
總結(jié)
以上是生活随笔為你收集整理的html不用点击自动执行,页面自动执行(加载)js的几种方法的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: uvm_subscriber
- 下一篇: android 5.0 设置铃声,and