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