广告
返回顶部
首页 > 资讯 > 前端开发 > html >JavaScript禁用提示页面的实现方法
  • 169
分享到

JavaScript禁用提示页面的实现方法

2024-04-02 19:04:59 169人浏览 薄情痞子
摘要

本篇内容主要讲解“javascript禁用提示页面的实现方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript禁用提示页面的实现方法”吧!淘宝曾

本篇内容主要讲解“javascript禁用提示页面的实现方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript禁用提示页面的实现方法”吧!

淘宝曾做出调查,大约有0.1%的淘宝用户在访问淘宝网的时候是警用js脚本的,虽然看似比例不大,但假设淘宝网每天有1000万人访问,那也有1万人是无法正常浏览淘宝网的,一个大型的网站是绝对不允许出现这样的问题的,所以淘宝在这块做的很好,怎么个好?让我们用IE8来测试下(当然前提是在Internet选项里把js脚本都禁用起)

JavaScript禁用提示页面的实现方法

然后访问,我们发现出现了一个提示页面,提示用户是否继续访问,或者进入另外一个页面查看解决办法。

有了这么一个页面,是否觉得操作上更加友好了?那这功能要如何实现呢,其实代码相当简单:

<!--[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禁用提示页面的实现方法”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

--结束END--

本文标题: JavaScript禁用提示页面的实现方法

本文链接: https://www.lsjlt.com/news/66018.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript禁用提示页面的实现方法
    本篇内容主要讲解“JavaScript禁用提示页面的实现方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript禁用提示页面的实现方法”吧!淘宝曾...
    99+
    2022-10-19
  • javascript实现跳转新页面的方法
    这篇文章主要介绍了javascript实现跳转新页面的方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。js实现跳转新页面的方法:1、使用“replace()”函数进行跳转,...
    99+
    2023-06-14
  • JavaScript实现页面滚动动画的方法
    小编给大家分享一下JavaScript实现页面滚动动画的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!JavaScript可以做什么1.可以使网页具有交互性,...
    99+
    2023-06-14
  • Win8提示“已禁用IME”的解决方法
       Win8提示“已禁用IME”怎么办   最近使用Win8的网友遇到了一个问题,问小编:Win8提示“已禁用IME”怎么办小编就在这篇文章跟大家分享一下Win...
    99+
    2023-06-06
    Win8 IME 方法 解决
  • php实现一个页面跳转到其它页面的方法示例
    这篇文章将为大家详细讲解有关php实现一个页面跳转到其它页面的方法示例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。php实现一个页面跳转到其它页面的方法:在php脚本中添加代码【header("...
    99+
    2023-06-06
  • JavaScript实现页面动态验证码的实现示例
    引言: 现在很多在用户登陆或注册的时候为了防止程序攻击,加入了动态验证的技术,一般是让用户输入随即生成的验证码来实现。我自己写了一个没有跟后台交互的,就在前端验证,发出来给大家看看。...
    99+
    2022-11-11
  • 禁用Microsoft Edge的页面屏幕截图功能的方法
    Edge 是否为您访问的每个页面截取屏幕截图?好吧,在浏览器的试用通道Edge Canary最近的一项实验中,似乎Microsoft的内置浏览器正在这样做 – 但不是真的。这就是它的意思。如果您不熟悉,版本 117(Canary...
    99+
    2023-08-08
  • Win7系统提示禁止在桌面上存放文件的解决方法
    这篇文章主要为大家展示了“Win7系统提示禁止在桌面上存放文件的解决方法”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Win7系统提示禁止在桌面上存放文件的解决方法”这篇文章吧。一、按“win+...
    99+
    2023-06-28
  • html5页面结构的实现方法
    本篇内容主要讲解“html5页面结构的实现方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html5页面结构的实现方法”吧!语义元素介绍HTML5标准增加很多...
    99+
    2022-10-19
  • JavaScript实现页面跳转的八种方式
    整理一下JavaScript八种跳转方式,欢迎评论补充! 第一种方法: <script> window.location.replace('http://www....
    99+
    2022-11-13
  • 微信小程序页面间传值的实现方法示例
    小程序页面间传值 大家晚上好,说晚上好是因为是在晚上写的,说这句话是因为这句话开篇不那么突然。那么小程序的页面间传值,在我使用这段时间里,我就非常的主观的把它们分为wx.navig...
    99+
    2022-11-12
  • springboot自定义404、500错误提示页面的实现
    目录springboot 默认的异常处理机制使用模板引擎使用示例没有使用模板引擎springboot 默认的异常处理机制 springboot 默认已经提供了一套处理异常的机制。一旦...
    99+
    2022-11-12
  • html实现tab页面切换的方法
    小编给大家分享一下html实现tab页面切换的方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!html实现tab页面切换的方法:首先创建一个类名为wrap的div当作容器;然后创建四个label标签,在每一个label中...
    99+
    2023-06-06
  • JavaScript实现页面跳转的方式有哪些
    JavaScript实现页面跳转的方式有以下几种:1. 使用location对象的方法:- `location.href = url...
    99+
    2023-08-08
    JavaScript
  • javascript动态分页的实现方法实例
    之前分页都是使用框架给出的分页类来实现分页,当然,体验可能不是那么好。 这次在写YII2.0框架的后台管理系统的小例子的时候,我这也尝试了一下前后分离,用ajax来实现分页跳转。 那...
    99+
    2022-11-13
  • 怎么使用jQuery实现页面弹出提示框功能
    本篇内容主要讲解“怎么使用jQuery实现页面弹出提示框功能”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么使用jQuery实现页面弹出提示框功能”吧!一、了解jQueryjQuery是一款快...
    99+
    2023-07-05
  • wordpress中用JavaScript 输出页面代码的方法
    比如, 一个做音乐的网站肯定不希望搜索引擎收录它的存档月份, 因为没有人会通过这个来搜索进来. 这我们就可以用 javascript 输出这部分内容. 本人正在使用的 iNove 和我发布的最大区别是在 SEO 上, 你...
    99+
    2022-06-12
    JavaScript 输出页面
  • React Native 加载H5页面的实现方法
    目录一、基本使用1.1 RN向H5发送数据1.2 H5向RN传递数据1.3 双向传值二、属性和方法2.1 属性2.2 方法三、使用示例3.1 加载外源网页信息3.2 登陆场景3.3 ...
    99+
    2022-11-13
  • vue项目实现页面跳转的方法
    目录1.创建一个vue-cli默认项目(仅包含babel)2.进入创建文件3.检查配置4.创建views文件夹5.设置APP.vue6.进行main.js的配置7.运行结果问题描述:...
    99+
    2022-11-12
  • django+js+ajax实现刷新页面的方法
    本文实例讲述了django+js+ajax实现刷新页面的方法。分享给大家供大家参考,具体如下: 在服务器开发的时候,为了方便将服务器对外开一个接口来操作,可以使用django制作网页,通过页面来操作服务器。...
    99+
    2022-06-04
    页面 方法 django
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作