把JavaScript文件放在head中
標准方法是把JavaScript文件放到head標簽內。
<
head
>
<
script
type
=
"
text/javascript
"
src
=
"
dreamdu.js
"
>
</
script
>
</
head
>
- 如果瀏覽器不支持JavaScript,將忽略script標簽里面的內容,可以避免使用
<!-- ... //-->
(內部引用)。 - 當JavaScript有任何HTML實體時,也不需要使用CDATA標簽了(因為JavaScript代碼不直接在HTML文件中)。
- JavaScript文件必須使用
js
為文件后綴。
把JavaScript文件放在body前
為防止網頁加載緩慢,也可以把非關鍵的JavaScript放到網頁底部,例如下面的代碼。
<
script
type
=
"
text/javascript
"
src
=
"
dreamdu.js
"
>
</
script
>
</
body
>
</
html
>
通常JavaScript文件可以使用script標簽加載到網頁的任何一個地方,但是標准的方式是加載在head標簽內。
JavaScript文件的內容
JavaScript文件可以包含任何的JavaScript代碼,比如dreamdu.js文件中
document
.
write
(
"
www.dreamdu.com
"
)
;
document
.
write
(
"
夢之都
"
)
;
JavaScript文件外部加載的好處
- 避免使用
<!-- ... //-->
,駭客技術。 - 避免使用CDATA。
- 統一定義JavaScript代碼,方便查看,方便維護。
- 使代碼更安全,可以壓縮,加密單個JavaScript文件。
- 瀏覽器可以緩存JavaScript文件,減少寬帶使用(當多個頁面同時使用一個JavaScript文件的時候,通常只需下載一次)。
JavaScript文件外部加載的注意事項
- 不要把JavaScript分為多個文件,多個文件會增加服務器的負擔,增加服務器的HTTP請求。
- 一個JavaScript文件也會增大HTTP請求。
- 為什么有些網站的JavaScript文件后面有一串數字?比如:
<
script
type
=
"
text/javascript
"
src
=
"
dreamdu.js?1217128319
"
>
</
script
>