javascript程式碼放哪
- 青灯夜游原創
- 2021-06-11 17:57:074689瀏覽
javascript程式碼的位置：1、放置於「93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1」標籤對中，可以確保在需要使用腳本之前，js程式碼已經被載入了；2、放置於「6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956」標籤對中；3、放置於「.js」的外部檔案中，用script標籤引入。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
在哪裡放置 JavaScript 程式碼？
通常情況下，JavaScript 程式碼是和 HTML 程式碼一起使用的，可以將 JavaScript 程式碼放置在 HTML 文件的任何地方。但放置的地方，會對 JavaScript 程式碼的正常執行會有一定影響，具體如下所述。
放在93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1之間
#將JavaScript 程式碼放置於HTML 文件的93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 標籤之間是一個通常的做法。由於HTML 文件是由瀏覽器從上到下依序載入的，將JavaScript 程式碼放置在93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 標籤之間，可以確保在需要使用腳本之前，它已經被載入了：
<html> <head> <script type="text/javascript"> …… JavaScript 代码 …… </script> </head> ....
放在6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956之間
也有部分情況將JavaScript 程式碼放置在6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 之間的。設想如下一種情況：我們有一段 JavaScript 程式碼需要操作 HTML 元素。但由於HTML 文件是由瀏覽器從上到下依序載入的，為避免JavaScript 程式碼操作HTML 元素時，HTML 元素還未載入而報錯（物件不存在），因此需要將這段程式碼寫入HTML 元素後面，例子如下：
<html>
<head>
</head>
<body>
</body>
<div id="div1"></div>
<script type="text/javascript">
document.getElementById("div1").innerHTML="测试文字";
</script>
</html>但通常情況下，我們操作頁面元素一般都是透過事件來驅動的，所以上面這種情況並不多見。另外我們不建議將 JavaScript 程式碼寫到 100db36a723c770d327fc0aef2ce13b173a6ac4ed44ffec12cee46588e518a5e 之外。
提示
如果HTML 文件宣告為XHTML ，3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 標籤必須在CDATA 部分內聲明，否則XHTML 將會將 以上兩種將 JavaScript 程式碼寫到 HTML 文件中的方式，都是 HTML 文件內部引用 JavaScript 程式碼的方式。除了內部引用，還可以使用外部引用方式。 外部引用JavaScript 程式碼（放置在副檔名為「.js」的外部檔案中） 將JavaScript 程式碼（不包含3f1c4e4b6b16bbbd69b2ee476dc4f83a3fa3f474cbb4b6d948eebecb1be5dde4標籤）單獨形成一個文檔，並以js 後綴命名，如myscript.js ，並在HTML 文檔3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 標籤中使用src 屬性來引用該文件： 在使用了外部引用JavaScript 程式碼之後，其好處顯而易見： #1.避免在JavaScript 程式碼裡使用 將JavaScript 程式碼形成為外部文件，也會增加伺服器的HTTP 請求負擔，在超高並發請求的環境下，這並不是一個好的策略。另外 在引用外部 js 檔案時，需注意檔案的正確路徑。 更多程式相關知識，請造訪：程式設計影片！ ！ 以上是javascript程式碼放哪的詳細內容。更多資訊請關注PHP中文網其他相關文章！<html>
<head>
<script type="text/javascript">
<![CDATA[
JavaScript 代码
]]>
</script>
</head>
....
<html>
<head>
<script type="text/javascript" src="myscript.js"></script>
</head>
....
7abb30cfb0195b52eebaf7024287f82e
2.避免使用難看的CDATA
3.公共的JavaScript 程式碼可以被復用於其他HTML 文件，也利於JavaScript 程式碼的統一維護
4.HTML 文檔更小，利於搜尋引擎收錄
5 .可以壓縮、加密單一JavaScript 文件
6.瀏覽器可以快取JavaScript 文件，減少寬頻使用（當多個頁面同時使用一個JavaScript 文件的時候，通常只需下載一次）
7.避免使用複雜的HTML 實體，如可以直接使用document.write(2>1) 而無需寫作document.write(2<1)