js和JQuery的頁面載入方法
阿新 • • 發佈：2018-12-12
一.js 頁面載入初始化方法
// 1.在body裡面寫初始化方法.
<body onload='init()'>
</body>
<script type="text/javascript">
function init(){
// 初始化內容
}
</script>
// 2.window.onload=function(){} <script type="text/javascript"> window.onload=function(){ // 初始化內容 } </script>
// 3.寫初始化方法,頁面順序執行到初始化方法時初始化
<script type="text/javascript">
function init() {
// 初始化內容
};
init();
</script>
二.jquery 頁面載入初始化方法
// 1.$(function(){})
<script type="text/javascript">
$(function() {// 初始化內容
});
</script>
// 2.$(document).ready(function(){}) <script type="text/javascript"> $(document).ready(function(){ // 初始化內容 }); </script> // ready()函式有以下三種等價的形式 function handler(){ //這裡是需要執行的程式碼 } // 形式一 $(document).ready( handler ); // 形式二 $( ).ready( handler ); // 不推薦該形式 // 形式三 $( handler );
// 3.jQuery(function($){})
<script type="text/javascript">
jQuery(function($){
// 初始化內容
});
</script>
三.jquery和js初始化載入頁面的區別
jquery：等待頁面載入完資料，以及頁面部分元素（不包括圖片、視訊），
js：是頁面全部載入完成才執行初始化載入。