最新的Web開發教程
 

HTML <script> Tag


寫“你好JavaScript的!” 使用JavaScript:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
試一試»

定義和用法

<script>標籤用於定義客戶端腳本(JavaScript的)。

<script>元素中包含的腳本語句,或者它指向通過外部腳本文件src屬性。

對JavaScript常見的用途是圖像處理,表單驗證,和內容的動態變化。

提示:如果您想學習JavaScript,請訪問我們的JavaScript教程


瀏覽器支持

元件
<script>

提示和注意

注意:如果"src"屬性存在,則<script>元素必須是空的。

提示:請在<noscript>元素為在他們的瀏覽器禁用腳本或者不支持客戶端腳本瀏覽器的用戶。

注意:有幾種方法可以執行外部腳本:

  • 如果async="async" :腳本與頁面的其餘部分異步執行的(而頁面繼續解析的腳本將被執行)
  • 如果async不存在,並且defer="defer" :在頁面完成解析執行腳本
  • 如果沒有asyncdefer出現:劇本是獲取並立即執行時,瀏覽器將繼續解析頁面之前,

HTML 4.01和HTML5之間的差異

"type"屬性是必需的以HTML 4,但在HTML5可選的。

"async"屬性,HTML5是新的。

在HTML 4.01屬性: "xml:space" ,在HTML5不支持。


HTML和XHTML之間的差異

在XHTML,內部的腳本內容被聲明為#PCDATA(代替CDATA),這意味著實體將被解析。

這意味著,在XHTML中,所有的特殊字符應該編碼或全部內容應包裝在CDATA部分:

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

屬性

=新的HTML5。

屬性 描述
async async 指定的腳本是異步執行(僅適用於外部腳本)
charset charset 指定在一個外部腳本文件中使用的字符編碼
defer defer 指定當頁面完成解析腳本被執行(僅對於外部腳本)
src URL 指定外部腳本文件的URL
type media_type 指定腳本的媒體類型
xml:spacepreserve 在HTML5不支持。
指定空格代碼是否應保留

全局屬性

<script>標籤支持全局的HTML屬性


相關頁面

HTML教程: HTML腳本

HTML DOM參考: 腳本對象

JavaScript的教程: 學習JavaScript


默認設置CSS

大多數瀏覽器將顯示<script>與下面的默認值元素:

script {
    display: none;
}