`
ch_kexin
  • 浏览: 903102 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

Javascript 小巧门【一】

 
阅读更多
javascript:window.history.forward(1);实现禁止浏览器后退
javascript:window.history.forward
虽然用户点击一下后退按钮时他不会看到以前输入数据的页面,但只要点击两次就可以,这可不是我们希望的效果,因为很多时候,固执的用户总是能够找到绕过预防措施的办法。
 另外一种禁用后退按钮的办法是用客户端JavaScript打开一个没有工具条的窗口,这使得用户很难返回前一页面,但不是不可能。一种更安全但相当恼人的方法是,当表单提交时打开一个新的窗口,与此同时关闭表单所在的窗口。但我觉得这种方法不值得认真考虑,因为我们总不能让用户每提交一个表单就打开一个新窗口。
  那么,在那个我们不想让用户返回的页面是否也可以加入JavaScript代码呢?在这个页面中加入的JavaScript代码可用来产生点击前进按钮的效果,这样也就抵消了用户点击后退按钮所产生的动作。用于实现该功能的JavaScript代码如下:
所示:
<script language="JavaScript">
<!--
javascript:window.history.forward(1);
//-->
</script>
同样地,这种方法虽然有效,但距离“最好的方法”还差得很远。后来我又看到有人建议用location.replace从一个页面转到另一个页面。这种方法的原理是,用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远不会变为可用。我想这可能正是许多人所寻求的方法,但这种方法仍旧不是任何情况下的最好方法。使用这种
方法的实例如下所示:
<A HREF="PageName.htm" onclick="javascript:location.replace(this.href);
event.returnValue=false; ">
禁止后退到本页面的链接</A>
   禁止后退到本页面的链接!
 这种方法的缺点在于:简单地运用Response.Redirect将不再有效,这是因为每次用户从一个页面转到另一个页面,我们都必须用客户端代码清除location.history。另外还要注意,这种方法清除的是最后一个访问历史记录,而不是全部的访问记录。
  点击上面的链接,你将打开一个简单的HTML页面。再点击后退按钮,你可以看到这时打开的不是本页面,而是本页面之前的页面!(当然,你必须在浏览器中启用了客户端JavaScript代码。)
  经过一番仔细的寻寻觅觅之后,我发现仍旧无法找出真正能够完全禁用浏览器后退按钮的办法。所有这里介绍的方法都能够在不同程度上、以不同的方式禁止用户返回前一页面,但它们都有各自的局限。由于不存在能够完全禁用后退按钮的方法,所以最好的方案应该是:混合运用客户端脚本和服务器端脚本

js屏蔽(禁止)键盘
function onkeyDown(event) {
if(event.keyCode == 32||
            event.keyCode == a) //a代表 键盘的ASCLL码 这样就禁止相应的键盘
{
        //IE 浏览器支持阻止方法
        event.keyCode=0;   
        event.returnValue=false;  
        //firebox 等其他浏览器支持阻止方法
        event.preventDefault();
}
}


分享到:
评论

相关推荐

    JavaScript忍者秘籍

    jQuery是一个快速、小巧且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等操作。Bootstrap是一个前端框架,它提供了一整套设计响应式和移动设备优先的网页布局工具集。AngularJS是一个由...

    javascript指南

    还可能包括一些框架和库的知识,比如jQuery,这是一个快速、小巧、功能丰富的JavaScript库,通过简化HTML文档遍历、事件处理、动画和Ajax交互,极大地简化了JavaScript编程。 初学者指南中可能还会提到一些最佳实践...

    javascript入门经典

    jQuery是一个快速、小巧、功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等功能。它的目标是使开发者编写JavaScript代码更简单。入门经典在上一版的基础上新增了对jQuery框架的介绍,...

    1stJavaScriptEditor

    "1stJavaScriptEditor"就是这样一款专为HTML和JavaScript学习者设计的软件,它以其小巧的体积、丰富的功能和智能的语法提示,为开发者提供了便利的编程环境。 首先,1stJavaScriptEditor的安装和运行非常简单。用户...

    Java script 的基本知识

    本篇将详细介绍 JavaScript 的核心概念与应用技巧,帮助读者更好地理解和掌握这门语言。 #### JavaScript 概览 JavaScript 是一种轻量级解释型或即时编译型编程语言。它是一种基于原型、函数先行的语言,支持面向...

    jQuery实现自动切换播放的经典滑动门效果

    首先,jQuery是一个快速、小巧、功能丰富的JavaScript库。它通过提供一种简便的方式来操作文档对象模型(DOM),简化了JavaScript编程。在本例中,jQuery用于绑定点击事件、动态切换样式类以及操作元素显示隐藏等。 ...

    采用硬件加速的世界杯足球射门游戏JS特效代码

    在现代网页开发中,JavaScript(JS)已经成为不可或缺的一部分,特别是在构建互动性丰富的游戏和特效上。本篇将深入探讨一款利用硬件加速技术的世界杯足球射门游戏JS特效代码,以及它如何利用轻量级JS框架Zepto实现...

    SimpleGrid-可拖动,可排序

    4. **CSS和JavaScript支持**:SimpleGrid基于CSS和JavaScript实现,利用这两门技术的优势,提供了高度自定义的样式和行为。开发者可以通过修改CSS样式来定制表格的外观,或者通过JavaScript扩展其功能。 5. **轻量...

    门摄像头

    总的来说,门摄像头项目集成了硬件和软件技术,利用Raspberry Pi、JavaScript、IoT模块和MQTT协议,构建了一个可扩展、可交互的家庭安全解决方案。通过深入理解和参与此项目,开发者可以提升自己在物联网、Web开发和...

    js图片卷帘门导航菜单特效代码分享

    jQuery是一个快速、小巧且功能丰富的JavaScript库,它通过简化HTML文档遍历、事件处理、动画和Ajax交互,使得Web开发变得更为简便。 3. CSS样式引入:文中提到了在HTML文档的区域引入外部CSS样式表的方法,这通过...

    calculatr:命令行计算器

    总的来说,Calculatr是JavaScript编程能力的一个示例,展示了如何利用这门语言创建实用的命令行工具。它不仅方便用户进行简单的数学计算,还为开发者提供了一个学习和实践Node.js和命令行接口开发的实例。如果你对...

    LeapMotion-XMas:使用Leap动作追踪手部动作的圣诞节实验

    这是一款小巧却强大的设备,能够捕捉到手指级别的精确动作,为开发者提供了丰富的手势识别能力。通过 Leap Motion SDK,开发者可以创建出响应手部动作的应用,实现无触碰式的交互体验。 "LeapMotion-XMas"项目就是...

    js框架Jquery知识讲解

    jQuery 是一个高效、易用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理、动画设计以及Ajax交互。由程祖红老师主讲的这门课程深入浅出地介绍了jQuery的核心概念和实践技巧。 ### 一、jQuery ...

    GreenBeans:DaPS 的 greenbeans Web 应用程序的后端。 它使用流星

    GreenBeans是一款专为DaPS(Data Processing System,数据处理系统)设计的Web应用程序后端,它以“绿豆”为象征,寓意其小巧、灵活但充满生机。核心特性是采用了 Meteor 框架,这使得GreenBeans具备了实时性、响应...

    基于Android和PHP的Web数据库应用系统的开发.pdf

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它允许数据以键值对的形式进行传输,易于人阅读和编写,同时也方便机器解析和生成。在Android与PHP之间进行数据通信时,JSON扮演着重要的角色,因为...

    microbit造物粒子入门教程

    micro:bit是一种专为初学者设计的教育型微控制器,它的尺寸小巧,功能却很强大。micro:bit的特点包括25个可编程LED灯,两个可编程按钮,一个集成的加速度计和磁力计,温度传感器,无线通信能力以及多个GPIO(通用...

    simpleserver-nodejs:文件服务器向我的应用程序提供数据

    Node.js 使用 JavaScript 作为主要编程语言,这使得开发者可以利用同一门语言处理前端和后端的问题,提高了开发效率。 **文件名称列表解析:** "simpleserver-nodejs-master" 很可能是项目源代码的主分支名,通常在...

    soui使用 miniblink 封装

    Soui是一个轻量级、跨平台的C++ GUI库,而Miniblink则是一个小巧且高效的Web内容渲染引擎,它是Chromium的一个分支,用于解析HTML、CSS以及执行JavaScript。这个封装过程是为了提升Soui的网页展示能力,使其能够更好...

    jquery特效大全

    jQuery,这个小巧而强大的JavaScript库,自2006年诞生以来,就以其简洁的API和丰富的功能深受开发者喜爱。它极大地简化了DOM操作,动画效果,以及事件处理,为网页开发者带来了无尽的创造力。"jquery特效大全"这个...

Global site tag (gtag.js) - Google Analytics