1. 程式人生 > >HTML 指令碼 (Script) 例項

HTML 指令碼 (Script) 例項

1.JavaScript 使 HTML 頁面具有更強的動態和互動性。
HTML script 元素
<script> 標籤用於定義客戶端指令碼,比如 JavaScript。

script 元素既可包含指令碼語句,也可通過 src 屬性指向外部指令碼檔案。

必需的 type 屬性規定指令碼的 MIME 型別。

JavaScript 最常用於圖片操作、表單驗證以及內容動態更新。

下面的指令碼會向瀏覽器輸出“Hello World!”:
############
<noscript> 標籤
<noscript> 標籤提供無法使用指令碼時的替代內容,比方在瀏覽器禁用指令碼時,或瀏覽器不支援客戶端指令碼時。

noscript 元素可包含普通 HTML 頁面的 body 元素中能夠找到的所有元素。

只有在瀏覽器不支援指令碼或者禁用指令碼時,才會顯示 noscript 元素中的內容:

############
如何應付老式的瀏覽器
如果瀏覽器壓根沒法識別 <script> 標籤,那麼 <script> 標籤所包含的內容將以文字方式顯示在頁面上。為了避免這種情況發生,你應該將指令碼隱藏在註釋標籤當中。那些老的瀏覽器(無法識別 <script> 標籤的瀏覽器)將忽略這些註釋,所以不會將標籤的內容顯示到頁面上。而那些新的瀏覽器將讀懂這些指令碼並執行它們,即使程式碼被巢狀在註釋標籤內。

#########
標籤 描述
<script> 定義客戶端指令碼。
<noscript> 為不支援客戶端指令碼的瀏覽器定義替代內容。



2.插入一段指令碼
本例演示如何將指令碼插入 HTML 文件。
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="text/javascript">
document.write("<h1>Hello World!</h1>")
</script>

</body>
</html>

3.運行於不支援指令碼的瀏覽器
本例演示如何對付不支援指令碼的瀏覽器。
<body>
<script type="text/javascript">
document.write("Hello world!")
</script>
<noscript> Sorry, your browser does support JavaScript</noscript>
<p>不支援 JavaScript 的遊覽器將顯示 noscript 元素中的文字。</p>
</body>