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