網頁

2017/11/22

jQuery document ready

要用JavaScript操縱網頁的DOM元素時,必須等網頁完全載入後才可安全地進行操作,而要確保網頁載入,可使用jQuery的$( document ).ready()

把Javascript程式碼寫在$( document ).ready()中即可。

$( document ).ready(function() {
  // 在這撰寫javascript程式碼
});

下面的簡短寫法效果同$( document ).ready()

$(function() {
  // 在這撰寫javascript程式碼
});

純Javascript的寫法。(注意,window.onload$( document ).ready()的觸發順序仍有差異。)

window.onload = function() {
  // 在這撰寫javascript程式碼
};

或是把程式碼寫在<body>...</body>標籤的尾端。

<html>
<head>
</head>
<body>
<!-- 一些HTML -->

<script>
$(function() {
  // 在這撰寫javascript程式碼
});
</script>
</body>
</html>


4 則留言:

  1. Hi 肉豬大 你的文章真的對我都很有幫助!!
    只是在最後一個寫在body後面的code
    是不是應該不要加$

    (function() {
    // your page initialization code here
    })();

    回覆刪除
  2. to Hello: 感謝您的注意,我做了點小修改。

    回覆刪除