javaScript 頁(yè)面自動(dòng)加載事件詳解
更新時(shí)間:2014年02月10日 09:56:53 作者:
本篇文章主要是對(duì)javaScript頁(yè)面自動(dòng)加載事件進(jìn)行了介紹,需要的朋友可以過來(lái)參考下,希望對(duì)大家有所幫助
方法1:
Window.onload=function(){
Var name=document.getElementById(“name”).val();//加載HTML,并且加載外部所有所有的引用文件(圖片,css樣式,js等)
}
方法2:需要引入Jquery的 .js文件
$(document).ready(function(){
alert("JQuery的第一個(gè)入門案例");//加載HTML,不需等待,立即加載
});
方法3: ( 等同于方法2 )
jQuery(function (){
if($("input[name='message']").val()!="")
alert($("input[name='message']").attr("value"));
});
方法4 :(等同于上)
$(function (){
alert("JQuery 頁(yè)面自動(dòng)加載時(shí)執(zhí)行 1 ....");
});
方法5-1:window.onload事件的加載(頁(yè)面加載時(shí)同時(shí)加載多個(gè)函數(shù)...)
<html>
<body onload="function1(),function2(),function3()">
</body>
</html>
<script >
function1(){
}
function2(){
}
function3(){
}
</script>
方法5-2:window.onload事件的加載(頁(yè)面加載時(shí)同時(shí)加載多個(gè)函數(shù)...)
<html>
<body>
</body>
<html>
<script>
function1(){
}
function2(){
}
function3(){
}
window.onload=function(){
function1();
function2();
function3();
}
</script>
復(fù)制代碼 代碼如下:
Window.onload=function(){
Var name=document.getElementById(“name”).val();//加載HTML,并且加載外部所有所有的引用文件(圖片,css樣式,js等)
}
方法2:需要引入Jquery的 .js文件
復(fù)制代碼 代碼如下:
$(document).ready(function(){
alert("JQuery的第一個(gè)入門案例");//加載HTML,不需等待,立即加載
});
方法3: ( 等同于方法2 )
復(fù)制代碼 代碼如下:
jQuery(function (){
if($("input[name='message']").val()!="")
alert($("input[name='message']").attr("value"));
});
方法4 :(等同于上)
復(fù)制代碼 代碼如下:
$(function (){
alert("JQuery 頁(yè)面自動(dòng)加載時(shí)執(zhí)行 1 ....");
});
方法5-1:window.onload事件的加載(頁(yè)面加載時(shí)同時(shí)加載多個(gè)函數(shù)...)
復(fù)制代碼 代碼如下:
<html>
<body onload="function1(),function2(),function3()">
</body>
</html>
<script >
function1(){
}
function2(){
}
function3(){
}
</script>
方法5-2:window.onload事件的加載(頁(yè)面加載時(shí)同時(shí)加載多個(gè)函數(shù)...)
復(fù)制代碼 代碼如下:
<html>
<body>
</body>
<html>
<script>
function1(){
}
function2(){
}
function3(){
}
window.onload=function(){
function1();
function2();
function3();
}
</script>
您可能感興趣的文章:
- js/jquery控制頁(yè)面動(dòng)態(tài)加載數(shù)據(jù) 滑動(dòng)滾動(dòng)條自動(dòng)加載事件的方法
- javascript頁(yè)面加載完執(zhí)行事件代碼
- js onload處理html頁(yè)面加載之后的事件
- JS數(shù)組操作(數(shù)組增加、刪除、翻轉(zhuǎn)、轉(zhuǎn)字符串、取索引、截取(切片)slice、剪接splice、數(shù)組合并)
- js數(shù)組操作常用方法
- js 數(shù)組操作之pop,push,unshift,splice,shift
- JS常見DOM節(jié)點(diǎn)操作示例【創(chuàng)建 ,插入,刪除,復(fù)制,查找】
- JavaScript DOM節(jié)點(diǎn)操作實(shí)例小結(jié)(新建,刪除HTML元素)
- JavaScript DOM節(jié)點(diǎn)操作方法總結(jié)
- JS數(shù)組的遍歷方式for循環(huán)與for...in
- JS前端知識(shí)點(diǎn)總結(jié)之頁(yè)面加載事件,數(shù)組操作,DOM節(jié)點(diǎn)操作,循環(huán)和分支
相關(guān)文章
bootstrap 路徑導(dǎo)航 分頁(yè) 進(jìn)度條的實(shí)例代碼
本文通過實(shí)例代碼給大家介紹了bootstrap 路徑導(dǎo)航 分頁(yè) 進(jìn)度條的相關(guān)知識(shí),非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08JS組件系列之MVVM組件 vue 30分鐘搞定前端增刪改查
這篇文章主要介紹了JS組件系列之MVVM組件 vue 30分鐘搞定前端增刪改查,需要的朋友可以參考下2017-04-04JavaScript進(jìn)階練習(xí)及簡(jiǎn)單實(shí)例分析
下面小編就為大家?guī)?lái)一篇JavaScript進(jìn)階練習(xí)及簡(jiǎn)單實(shí)例分析。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-06-06詳解微信圖片防盜鏈“此圖片來(lái)自微信公眾平臺(tái) 未經(jīng)允許不得引用”的解決方案
這篇文章主要介紹了詳解微信圖片防盜鏈“此圖片來(lái)自微信公眾平臺(tái) 未經(jīng)允許不得引用”的解決方案,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2019-04-04基于JavaScript實(shí)現(xiàn)報(bào)警器提示音效果
這篇文章給大家分享分享一段代碼基于JavaScript實(shí)現(xiàn)報(bào)警器提示音效果,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-10-10js中setTimeout()與clearTimeout()用法實(shí)例淺析
這篇文章主要介紹了js中setTimeout()與clearTimeout()用法,以實(shí)例形式分析了setTimeout()與clearTimeout()的功能與使用技巧,需要的朋友可以參考下2015-05-05