[英]Where do I put the $(document).ready()?
我一直在嘗試將 JavaScript 添加到我的 HTML/CSS 中，但一直在繞圈子。
My current set-up is where the html, CSS, and JavaScript files (2 files; my JavaScript code, and jQuery's code) are all separate, but linked to each other via the html page.
所以這是我的問題：
1）我是否將jQuery代碼的鏈接放在html頭內？ 或者在我的 JavaScript 代碼頁中？
2）這個代碼go在哪里？ html 頁面，還是我的 JavaScript 頁面？
$(document).ready(function(){
//Code here
});
3) 上面的“這里的代碼”是指 JavaScript 代碼，對吧？ 不是我的 html 代碼？
4) 我在 html 頁面底部閱讀了有關初始化 JavaScript 代碼的信息。 不過，從我的觀點來看，我不必使用 jQuery's.ready function 來做這件事，對吧？
<head>或結束</body>標記上方。當 Javascript 代碼在您的瀏覽器中執行時，您包含的所有 Javascript 文件以及您在 HTML 文件中的這些“腳本”標簽之間編寫的任何代碼都將被執行，就像它是一個巨型文件的一部分一樣）。 因此，從某種意義上說，無論您是在 HTML 文檔中編寫代碼，還是在包含的外部文件中編寫代碼，都無關緊要 - 您可以隨意執行，並且執行方式相同。 您可以平衡可維護性、可重用性和便利性（想想您編寫的哪些函數可能希望在其他頁面上重用），然后做任何您認為最好的事情。
為了具體說明 - 這是編寫 Javascript 的一種有效方法，如果您想在 HTML 文件中編寫代碼：
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert('Document Ready!');
});
</script>
</head>
<body>
...
這是 jQuery 網站上的介紹，供參考： http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery
在 HTML 頁面底部編寫 Javascript 代碼是/是一種在文檔加載后立即執行的技術，這在使用 jQuery 的“$(document).ready”時是不必要的（這就是它的作用 - 它抽象了獲取 Javascript 函數以在頁面加載時執行的業務，並以跨瀏覽器的方式實現）。
請參閱：介紹 $(document).ready()了解更多信息。
將 jQuery 代碼放在哪里並不重要。 如果將它放在head標簽中，它會自動加載所有內容。 如果您決定將其全部放在外部 JavaScript 文件中，則需要將其與<script type="text/javascript" src="my_file.js"></script>標簽鏈接。
“此處的代碼”部分僅適用於 JavaScript。 代碼的意思是，當文檔准備好時，運行這個 function。 function 可以是任何你喜歡的東西——你放在 function 中的任何東西都會在文檔准備好時運行（即當瀏覽器調用網頁時）。
您無需將其插入 HTML 頁面的底部 - 您可以在任何地方進行操作。 人們只將其插入底部以優化加載速度。 這是不必要的。
$(document).ready(function(){
//Code here
});
進入您的 javascript 文件。 頁面加載后應執行的所有 javascript 代碼都位於//Code here注釋所在的位置。
也許一個快速的jQuery 教程就可以了？
或者，您可以將腳本標簽放在正文的底部，而不必使用 $(document).ready() function。
你把代碼放在哪里取決於你。 你head用一個
<script>Code here</script>
或在單獨的文件中並將其包含在
<script src="reftomyscript.js"></script>
jQuery：我需要在$（document）.ready（）中調用$（“img”）。lazyload（）嗎？
[英]jQuery: do I need to put calls to $(“img”).lazyload() in $(document).ready()?
當我把jquery庫放在body之前時$（document）.ready不工作
[英]$(document).ready is not working when i put jquery library before body
我是否需要'document.ready（）'這一段Javascript？
[英]Do I need to 'document.ready()' this piece of Javascript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.