HTML noscript

HTML noscript 的功能是用來判斷瀏覽器不支援 HTML script 腳本的情況時,所要顯示的替代方案,最常呈現的是提示文字的方式,例如當網頁內有許多 JavaScript 特效需要展示,但用戶端的瀏覽器(Browser)無法支援或無法識別,很可能會發生特效失效的情況,此時網頁可以透過 <noscript> 標籤來告訴用戶他的瀏覽器並不支援網站特效,對於較老舊的瀏覽器,在寫腳本時也有小技巧,範例中會提到。

HTML noscript 基本語法

<noscript> ... 要顯示的內容 ... </noscript>


標準的 noscript 標籤一樣要由 <noscript> 開始,以及 </noscript> 結束,中間不需要用 alertdocument.write 等方式來顯示內容,直接將文字寫在其中即可,noscript 的功能有點類似 HTML img 圖片標籤的 alt 替代文字用意。

HTML noscript 範例
<script type="text/javascript">
<!--
document.write('您的瀏覽器支援此腳本');
-->
</script>
<noscript>您的瀏覽器不支援此腳本</script>
當用戶的瀏覽器能夠辨識這一段 script 就會顯示"您的瀏覽器支援此腳本",相對的如果無法辨識則會顯示"您的瀏覽器不支援此腳本",此效果都是因為有 <noscript> 的功能,請注意 <script type="text/javascript"> 與 </script> 之間使用了 JavaScript 註解的寫法,這就是本篇開頭所提到的小技巧,當用戶端使用的瀏覽器很老舊的時候,完全無法支援腳本應用,但至少可以判斷出註解,並忽略掉註解的內容,否則整段 script 都會變成字串出現在螢幕上,加上了註解,可以避免掉這種情況,因為新的瀏覽器能夠辨識腳本,所以腳本的內容雖然頭尾有註解標示,但依然可以執行,且 script 內的各別註解還是有效。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C