JavaScript禁用提示頁面的實現方法

本篇內容主要講解“JavaScript禁用提示頁面的實現方法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“JavaScript禁用提示頁面的實現方法”吧!

淘寶曾做出調查，大約有0.1%的淘寶用戶在訪問淘寶網的時候是警用js腳本的，雖然看似比例不大，但假設淘寶網每天有1000萬人訪問，那也有1萬人是無法正常瀏覽淘寶網的，一個大型的網站是絕對不允許出現這樣的問題的，所以淘寶在這塊做的很好，怎么個好？讓我們用IE8來測試下（當然前提是在Internet選項里把js腳本都禁用起）

然后訪問，我們發現出現了一個提示頁面，提示用戶是否繼續訪問，或者進入另外一個頁面查看解決辦法。

有了這么一個頁面，是否覺得操作上更加友好了？那這功能要如何實現呢，其實代碼相當簡單：

<!--[if lte IE 8]>  <noscript>  <style>  //當腳本警用時，將網頁上不需要顯示的模塊都進行隱藏  .html5-wrappers{display:none!important;}  </style>  <div class="ie-noscript-warning">  您的瀏覽器禁用了腳本，請<a href="">查看這里</a>  來啟用腳本!或者<a href="/?noscript=1">繼續訪問</a>.  </div>  </noscript>  <![endif]-->

上面這段代碼是淘寶主頁上直接復制來，但其中繼續訪問的鏈接里加了句“?noscript=1”，在淘寶上測試后，點擊繼續訪問會顯示正常主頁（js腳本禁用下的主頁），但我在本地測試卻不行，可能noscript=1是給后端語言用做判斷的，比如：

<?php  if(!$_GET['noscript']){  ?>  <!--[if lte IE 8]>  <noscript>  <style>  //當腳本警用時，將網頁上不需要顯示的模塊都進行隱藏  .html5-wrappers{display:none!important;}  </style>  <div class="ie-noscript-warning">  您的瀏覽器禁用了腳本，請<a href="">查看這里</a>  來啟用腳本!或者<a href="/?noscript=1">繼續訪問</a>.  </div>  </noscript>  <![endif]-->  <?php  }  ?>

哈哈，這只是我用php做了個假設，如果我沒記錯，淘寶也是用php做的，noscript=1很有可能就是這樣操作的，當然代碼肯定不會這樣直接卸載頁面里。

總的來說，有一個js腳本禁用的提示對用戶操作、交互都是很有幫助的，建議大家以后再開發網站時，可以考慮到這一點。淘寶為什么會成功，就是因為這些很小的細節。

到此，相信大家對“JavaScript禁用提示頁面的實現方法”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！