文档章节

伪链接的差异

XuYuan
 XuYuan
发布于 2014/06/27 10:17
字数 276
阅读 46
收藏 0
点赞 0
评论 0
<a href='javascript:;'></a>
<a href='javascript:void(0)'></a> <!--本质上与上一条相同-->

这些都是广泛使用的创建伪链接的方法,在绝大多数情况下他们工作良好。可是如果同时注册了window.unload事件,那么在IE8/9等浏览器中,会先触发unload事件,然后才会触发伪链接上绑定的事件。

比如:

<a href='javascript:;' onclick='alert("OK")>click me</a>
<script>
window.unload = function(){
   return confirm("要离开此页面吗?");
}
</script>

就会先弹出"要离开此页面吗"的提示,然后才会弹出"OK"。而确认离开页面无论点击什么,其实都是没有作用的。我们真正的期望是点击"Click Me"只弹出"OK"。

那么如何解决的?可以使用href='###'替代href='javascript:;'。上面的例子可以修改为:

<a href='###' onclick='alert("OK")>click me</a>
<script>
window.unload = function(){
   return confirm("要离开此页面吗?");
}
</script>

如此即可轻松解决IE8/9中的问题,这一方法同样在Chrome/firefox, IE10+工作良好。



© 著作权归作者所有

共有 人打赏支持
XuYuan
粉丝 14
博文 23
码字总数 11760
作品 0
石家庄
架构师
Css样式技巧:常用的选择器和通用选择器

有效且结构良好的文档为你要应用的样式提供了一个框架。要想使用CSS将样式应用于特定的HTML少已素,需要想办法找到这个元素口在CsS中,执行这一任务的样式规则部分称为选择器。 ◇ 常用选择器...

2846613430 ⋅ 2016/04/15 ⋅ 0

css高级教程第一章笔记

大年30,今天刚刚看完第一章,上传上来一些笔记。 1、css:可以将文档的表现部分与内容分开 2、id:是唯一的,id可以用来标识持久的结构性元素,如:主导航和内容区域,id还可以用来表示一次性...

Q_z ⋅ 2014/01/30 ⋅ 0

HTML/CSS/JavaScript学习笔记【持续更新】

HTML 标签 定义和用法 规定文本的字体、字体尺寸、字体颜色。 实例 规定文本字体、大小和颜色: 1 This is some text!2 This is some text!3 This is some text! HTML 与 XHTML 之...

angel_kitty ⋅ 2017/09/03 ⋅ 0

【译文】伪标签学习导论 - 一种半监督学习方法

作者 SHUBHAM JAIN 译者 钱亦欣 引言 在有监督学习领域,我们已经取得了长足的进步,但这也意味着我们需要大量数据来做图像分类和销量预测,这些算法需要把这些数据扫描一遍又一遍来寻找模式...

上大飞猪钱小莲 ⋅ 2017/10/05 ⋅ 0

【腾讯bugly干货分享】解耦---Hybrid H5跨平台性思考

本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=1275&extra=page%3D1 跨平台,是H5最重要的能力之一。而 Hybrid...

腾讯Bugly ⋅ 2016/07/04 ⋅ 1

获取元素CSS值之getComputedStyle方法熟悉

一、碎碎念~前言 我们都用过jQuery的CSS()方法,其底层运作就应用了getComputedStyle以及getPropertyValue方法。 对于那些只想混口饭吃的人来讲,晓得CSS()如何使用就足够了。对于希望在JS道...

i33 ⋅ 2013/05/02 ⋅ 0

手机网站重构经验分享(S60V3篇)

前言 做WEB重构的同学都应该知道,我们一般需要在一个操作系统 (Windows XP)和4种以上的浏览器(IE678,Firefox,Chrome,Opera等)上测试页面的兼容性。 相对而言,手机上的页面兼容性测试,相当痛苦...

小编辑 ⋅ 2010/07/22 ⋅ 0

css入门教程资料(2)

三.层叠样式表的格式 一般来说,样式表的声明分为选择符(selector)和块{}(block),块里包含属性(properties)和属性的取值(value),基本格式如下: 选择符 {属性:值} 其它格式1: ...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

a:link,a:visited,a:hover,a:active 分别是什么意思?

link:连接平常的状态 active:连接被按下的时候 visited:连接被访问过之后 hover:鼠标放到连接上的时候 具体一点就是: :hover版本:CSS1/CSS2  兼容性:IE4+ NS4+ 语法: Selector : hover...

羊皮卷 ⋅ 2016/05/04 ⋅ 0

【CSS选择符】伪类和伪元素

0016.jpg 首先是最为常用的链接的样式 根据访客与链接的交互方式,链接有四种状态,这四种状态的外观可以使用四个伪类装饰。这些伪类分别对应下述的四个状态: HTML代码 a:link(未访问状态)...

KelvinZ ⋅ 2017/12/30 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

JavaScript零基础入门——(八)JavaScript的数组

JavaScript零基础入门——(八)JavaScript的数组 欢迎大家回到我们的JavaScript零基础入门,上一节课我们讲了有关JavaScript正则表达式的相关知识点,便于大家更好的对字符串进行处理。这一...

JandenMa ⋅ 今天 ⋅ 0

sbt网络问题解决方案

转自:http://dblab.xmu.edu.cn/blog/maven-network-problem/ cd ~/.sbt/launchers/0.13.9unzip -q ./sbt-launch.jar 修改 vi sbt/sbt.boot.properties 增加一个oschina库地址: [reposit......

狐狸老侠 ⋅ 今天 ⋅ 0

大数据,必须掌握的10项顶级安全技术

我们看到越来越多的数据泄漏事故、勒索软件和其他类型的网络攻击,这使得安全成为一个热门话题。 去年,企业IT面临的威胁仍然处于非常高的水平,每天都会看到媒体报道大量数据泄漏事故和攻击...

p柯西 ⋅ 今天 ⋅ 0

Linux下安装配置Hadoop2.7.6

前提 安装jdk 下载 wget http://mirrors.hust.edu.cn/apache/hadoop/common/hadoop-2.7.6/hadoop-2.7.6.tar.gz 解压 配置 vim /etc/profile # 配置java环境变量 export JAVA_HOME=/opt/jdk1......

晨猫 ⋅ 今天 ⋅ 0

crontab工具介绍

crontab crontab 是一个用于设置周期性被执行的任务工具。 周期性执行的任务列表称为Cron Table crontab(选项)(参数) -e:编辑该用户的计时器设置; -l:列出该用户的计时器设置; -r:删除该...

Linux学习笔记 ⋅ 今天 ⋅ 0

深入Java多线程——Java内存模型深入(2)

5. final域的内存语义 5.1 final域的重排序规则 1.对于final域,编译器和处理器要遵守两个重排序规则: (1)在构造函数内对一个final域的写入,与随后把这个被构造对象的引用赋值给一个引用...

江左煤郎 ⋅ 今天 ⋅ 0

面试-正向代理和反向代理

面试-正向代理和反向代理 Nginx 是一个高性能的反向代理服务器,但同时也支持正向代理方式的配置。

秋日芒草 ⋅ 今天 ⋅ 0

Spring 依赖注入(DI)

1、Setter方法注入: 通过设置方法注入依赖。这种方法既简单又常用。 类中定义set()方法: public class HelloWorldOutput{ HelloWorld helloWorld; public void setHelloWorld...

霍淇滨 ⋅ 昨天 ⋅ 0

马氏距离与欧氏距离

马氏距离 马氏距离也可以定义为两个服从同一分布并且其协方差矩阵为Σ的随机变量之间的差异程度。 如果协方差矩阵为单位矩阵,那么马氏距离就简化为欧氏距离,如果协方差矩阵为对角阵,则其也...

漫步当下 ⋅ 昨天 ⋅ 0

聊聊spring cloud的RequestRateLimiterGatewayFilter

序 本文主要研究一下spring cloud的RequestRateLimiterGatewayFilter GatewayAutoConfiguration @Configuration@ConditionalOnProperty(name = "spring.cloud.gateway.enabled", matchIfMi......

go4it ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部