javaScript 頁面自動(dòng)加載事件詳解
更新時(shí)間：2014年02月10日 09:56:53 作者：
本篇文章主要是對javaScript頁面自動(dòng)加載事件進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
方法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 頁面自動(dòng)加載時(shí)執(zhí)行 1 ....");
});
方法5-1：window.onload事件的加載(頁面加載時(shí)同時(shí)加載多個(gè)函數(shù)...)
<html>
<body onload="function1(),function2(),function3()">
</body>
</html>
<script >
function1(){
}
function2(){
}
function3(){
}
</script>
方法5-2：window.onload事件的加載(頁面加載時(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 頁面自動(dòng)加載時(shí)執(zhí)行 1 ....");
});
方法5-1：window.onload事件的加載(頁面加載時(shí)同時(shí)加載多個(gè)函數(shù)...)
復(fù)制代碼 代碼如下:
<html>
<body onload="function1(),function2(),function3()">
</body>
</html>
<script >
function1(){
}
function2(){
}
function3(){
}
</script>
方法5-2：window.onload事件的加載(頁面加載時(shí)同時(shí)加載多個(gè)函數(shù)...)
復(fù)制代碼 代碼如下:
<html>
<body>
</body>
<html>
<script>
function1(){
}
function2(){
}
function3(){
}
window.onload=function(){
function1();
function2();
function3();
}
</script>
您可能感興趣的文章:
- js/jquery控制頁面動(dòng)態(tài)加載數(shù)據(jù) 滑動(dòng)滾動(dòng)條自動(dòng)加載事件的方法
- 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é)點(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前端知識點(diǎn)總結(jié)之頁面加載事件，數(shù)組操作，DOM節(jié)點(diǎn)操作，循環(huán)和分支
相關(guān)文章
這是一篇譯文，實(shí)例分析制作自定義的信息提示框的實(shí)現(xiàn)代碼2009-01-01
柱形圖是圖表中常見的一種，這篇文章主要介紹了d3繪制基本的柱形圖的實(shí)現(xiàn)代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
現(xiàn)在手機(jī)網(wǎng)站已經(jīng)很普及了，有時(shí)候前端網(wǎng)頁需要判斷，用戶使用的是手機(jī)瀏覽器還是電腦瀏覽器。這篇文章整理了JavaScript判斷是否手機(jī)瀏覽器的五種方法，通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值2022-11-11
JavaScript中的`unshift`和`push`方法用于在數(shù)組的開始和結(jié)尾添加元素,它們會(huì)直接修改原數(shù)組并返回新的數(shù)組長度,本文介紹JS中方法unshift和push方法的相關(guān)知識,感興趣的朋友一起看看吧2024-12-12
如何基于js管理大文件上傳及斷點(diǎn)續(xù)傳詳析
文件上傳是 Web 開發(fā)肯定會(huì)碰到的問題,而文件夾上傳則更加難,下面這篇文章主要給大家介紹了關(guān)于如何基于js管理大文件上傳及斷點(diǎn)續(xù)傳的相關(guān)資料,需要的朋友可以參考下2021-08-08
這篇文章主要介紹了webpack編譯速度提升之DllPlugin，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-02-02
JavaScript中Require調(diào)用js的實(shí)例分享
下面小編就為大家?guī)硪黄狫avaScript中Require調(diào)用js的實(shí)例分享。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了微信小程序 點(diǎn)擊生成朋友圈分享圖,本文給大家分享小編在實(shí)現(xiàn)此功能時(shí)遇到的各種坑，通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-06
JS實(shí)現(xiàn)數(shù)組的增刪改查操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組的增刪改查操作,結(jié)合實(shí)例形式分析了javascript針對數(shù)組的追加、獲取、刪除、添加、修改等常見操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2018-08-08
使用控制臺(tái)破解百小度一個(gè)月只準(zhǔn)改一次名字
這篇文章主要介紹了使用控制臺(tái)破解百小度一個(gè)月只準(zhǔn)改一次名字的方法和代碼，有需要的小伙伴可以參考下。2015-08-08