No.1 .js 頁面加載初始化方法
// 1.在body裏面寫初始化方法.
<body onload='init()'>
</body>
<script type="text/javascript">
function init(){
// 初始化內容
}
</script>
No.2
// 2.window.onload=function(){}
<script type="text/javascript">
window.onload=function(){
// 初始化內容
}
</script>
No.3
// 3.寫初始化方法,頁面順序執行到初始化方法時初始化
<script type="text/javascript">
function init() {
// 初始化內容
};
init();
</script>
No.4
.jquery 頁面加載初始化方法
// 1.$(function(){})
<script type="text/javascript">
$(function() {// 初始化內容
});
</script>
注意點:
顯示錯誤:
$ is not a function
解決方法:
引用jquery-1.11.3.js
下載地址:https://download.csdn.net/download/qq_16313575/11974231(需要下載積分)
沒有積分的小夥伴:請在此篇博客下留下自己的郵箱地址,我看到就會發送給你們。
No.5
// 2.$(document).ready(function(){})
<script type="text/javascript">
$(document).ready(function(){
// 初始化內容
});
</script>
// ready()函數有以下三種等價的形式
function handler(){
//這裏是需要執行的代碼
}
// 形式一
$(document).ready( handler );
// 形式二
$( ).ready( handler ); // 不推薦該形式
// 形式三
$( handler );
No.6
// 3.jQuery(function($){})
<script type="text/javascript">
jQuery(function($){
// 初始化內容
});
</script>
jquery和js初始化加載頁面的區別
jquery:等待頁面加載完數據,以及頁面部分元素(不包括圖片、視頻);
js:是頁面全部加載完成才執行初始化加載。