快捷導(dǎo)航

noscript 標(biāo)簽一個(gè)被忽視的重要標(biāo)簽

更新時(shí)間：2023年03月15日 11:48:10 作者：朱昆

這篇文章主要介紹了noscript 標(biāo)簽一個(gè)被忽視的重要標(biāo)簽,需要的朋友可以參考下

Javascript 的日益強(qiáng)大使我們的網(wǎng)頁(yè)豐富多彩，交互越來(lái)越強(qiáng)大，功能越來(lái)越炫。但是有的網(wǎng)頁(yè)效果完全依賴(lài) Javascript 來(lái)實(shí)現(xiàn)，一旦離開(kāi)了 Javascript 的支持，可能連基本的內(nèi)容都顯示不完全，這時(shí)候，我們老當(dāng)益壯的noscript標(biāo)簽就該出場(chǎng)了

NOSCRIPT標(biāo)簽用來(lái)定義在腳本未被執(zhí)行時(shí)的替代內(nèi)容。也可以用在檢測(cè)瀏覽器是否支持腳本，若不支持腳本則可以顯示NOSCRIPT標(biāo)簽里的innerText.

<body> 
...
  ...
  <script type="text/javascript">
    <!--
    document.write("Hello World!")
    //-->
  </script><noscript>Your browser does not support JavaScript!</noscript>...
  ...
</body>

noscript標(biāo)簽是一個(gè)相當(dāng)古老的標(biāo)簽，其被引入的最初目的是幫助老舊瀏覽器的平滑升級(jí)更替，因?yàn)樵缙诘臑g覽器并不能支持 JavaScript。noscript 標(biāo)簽在不支持JavaScript 的瀏覽器中顯示替代的內(nèi)容。這個(gè)元素可以包含任何 HTML 元素。這個(gè)標(biāo)簽的用法也非常簡(jiǎn)單：

<noscript>
  <p>本頁(yè)面需要瀏覽器支持（啟用）JavaScript</p>
</noscript>

不過(guò)到了現(xiàn)在，瀏覽器不支持 Javascript 的事情應(yīng)該已經(jīng)不會(huì)出現(xiàn)了，但是用戶(hù)也可能因?yàn)楦鞣N原因而禁用了 Javascript。如節(jié)省流量，延長(zhǎng)電池使用時(shí)間，或者是不希望自己的隱私被各類(lèi)統(tǒng)計(jì)/追蹤腳本泄露。

也有相當(dāng)一部分用戶(hù)安裝了類(lèi)似NoScript的瀏覽器擴(kuò)展來(lái)禁止瀏覽器運(yùn)行 Javascript。

網(wǎng)站雖然不能強(qiáng)制用戶(hù)啟用瀏覽器的 Javascript，但是可以提示用戶(hù)的瀏覽器已經(jīng)禁用腳本，來(lái)達(dá)到更好的用戶(hù)體驗(yàn)。例如 Fackbook 這樣的提示：

noscript 標(biāo)簽中的元素中的內(nèi)容只有在下列情況下才會(huì)顯示出來(lái)：

瀏覽器不支持腳本
瀏覽器支持腳本，但腳本被禁用

符合上述任何一個(gè)條件，瀏覽器都會(huì)顯示 noscript 中的內(nèi)容。而在除此之外的其他情況下，瀏覽器不會(huì)呈現(xiàn) noscript 中的內(nèi)容。

寫(xiě)在最后

使用 noscript 標(biāo)簽只能給網(wǎng)站用戶(hù)傳達(dá)一個(gè)信息，即如果不啟用 Javascript，網(wǎng)頁(yè)內(nèi)容和效果可能不能完全被呈現(xiàn)。但如果有些用戶(hù)并不懂得如何去開(kāi)啟 Javascript的話，這樣的提示信息對(duì)他也并沒(méi)有什么實(shí)際的幫助。所以我們還是應(yīng)該在網(wǎng)站設(shè)計(jì)之初多多考慮在沒(méi)有 Javascript(或 HTML5，或其他依賴(lài))的支持的情況下，如何使這樣的非常規(guī)狀況盡可能少的影響到用戶(hù)的瀏覽體驗(yàn)。

您可能感興趣的文章: