成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

為你的網站添加上JavaScript禁用提示頁面吧

開發 前端
本文主要介紹的是,網站禁用JavaScript腳本的程序,作者從淘寶說起,讓我們一起來看。

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

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

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

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

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

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

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

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

【編輯推薦】

  1. JavaScript變量作用域之我見
  2. 高性能WEB開發之如何加載JavaScript
  3. 開發者最容易犯的13個JavaScript錯誤
  4. Javascript解決瀏覽器兼容性問題
責任編輯:于鐵 來源: 博客園
相關推薦

2016-11-22 16:34:11

githubgit前端

2014-03-04 09:55:26

密碼用戶體驗

2009-12-03 08:57:18

Windows 7圣誕主題

2021-01-15 15:51:33

JavaScript開發技術

2013-09-09 16:37:48

iOS應用添加內置收費In App Purc

2020-12-20 19:26:20

LVMFedoraLinux

2011-06-13 16:01:25

網站排名301跳轉

2009-12-02 20:09:45

PHP頁面跳轉函數

2012-03-12 09:33:04

JavaScript

2020-01-17 18:40:38

Python游戲代碼

2012-04-28 15:05:57

增加App評分點評代碼

2018-04-04 08:47:42

移動應用AWS云質量保證

2011-04-21 11:07:58

jQuery

2022-08-01 08:36:09

upstream下游上游

2016-11-17 07:35:04

網站優化

2012-07-09 09:43:59

ibmdw

2020-06-19 13:53:47

BokehPython繪圖

2020-04-02 11:06:56

網站安全HTTPS加密

2020-10-22 10:04:19

微軟瀏覽器 IE

2015-12-25 16:30:21

JavaScript代碼圣誕樹
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 午夜精品久久久久久不卡欧美一级 | 久久久精彩视频 | 亚洲成人免费观看 | 久草网在线视频 | 国产精品成人一区二区三区吃奶 | 九九热re | 亚洲精品美女视频 | 色婷婷综合久久久中字幕精品久久 | 欧美视频精品 | 97国产一区二区 | 91一区二区三区在线观看 | 日韩中文一区 | 91九色在线观看 | 天堂视频免费 | 99视频在线 | 亚洲国产精品一区二区第一页 | 精品国产一区二区三区成人影院 | 毛片黄片免费看 | 久久在线视频 | 亚洲一区日韩 | 毛片久久久 | www亚洲成人 | 成人影视网| 免费一级欧美在线观看视频 | 日韩视频中文字幕 | 亚洲啊v在线 | 欧美天堂在线观看 | 国产免费自拍 | 色综合一区二区三区 | 国产日韩一区二区 | 久久久www成人免费无遮挡大片 | 欧美中文字幕在线观看 | 欧美国产精品久久久 | h肉视频 | 在线视频中文字幕 | 精品一区久久 | 国产亚洲欧美在线视频 | 国产欧美在线视频 | 一区二区在线观看免费视频 | 一级a爱片久久毛片 | 日本不卡视频 |