要用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 則留言:
很實用
thank you
Hi 肉豬大 你的文章真的對我都很有幫助!!
只是在最後一個寫在body後面的code
是不是應該不要加$
(function() {
// your page initialization code here
})();
to Hello: 感謝您的注意，我做了點小修改。
張貼留言