怎样阻止超链接跳转

在用 <a href="" onclick="">
时,出现了一些问题,困惑了我一个多月,现在从网友那边得到以下结论,让我豁然开朗,问题也迎刃而解。

  1. 链接的onclick事件被先执行,其次是href属性下的动作(页面跳转,或 javascript 伪链接);

  2. 假设链接中同时存在href与onclick,如果想让href属性下的动作不执行,onclick必须得到一个false的返值;

  3. 如果页面过长有滚动条,且希望通过链接的 onclick事件执行操作。应将它的 href属性设为 javascript:void(0); 
    ,而不要是 #,这可以防止不必要的页面跳动;

  4. 如果在链接的 href属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替;

  5. 在按住Shift键的情况下会有所区别。

  6. 今天我遇到的问题,在IE6.0里以href的形式访问不到parentNode。

  7. 尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。

时间: 2024-08-02 01:24:03

怎样阻止超链接跳转的相关文章

使用a链接时如何阻止超链接跳转

链接的onclick事件被先执行,其次是href属性下的动作,假设链接中同时存在href与onclick,如果想让href属性下的动作不执行,onclick必须得到一个false的返值 在用 <a href="" onclick=""> 时,出现了一些问题,困惑了我一个多月,现在从网友那边得到以下结论,让我豁然开朗,问题也迎刃而解. 链接的onclick事件被先执行,其次是href属性下的动作(页面跳转,或 javascript 伪链接): 假设链接中同

第二节:阻止超链接的跳转

第一种写法: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script>//阻止超链接的默认的跳转:return false </script><a href="http://wwww.baidu.

html 锚点(超链接跳转和js中跳转)

超链接跳转同页面: <a href="#q1">问题一?</a> <a href="#q1">问题二?</a> <a href="#q1">问题二?</a> <a name="q1">问题一的解答</a> 不同页面: a.html的内容 <a href="b.html#q1">问题一?</a&g

New UI-为TextView设置超链接跳转的三个方法

New UI-为TextView设置超链接跳转的三个方法  --转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途! 小猪Android开发交流群已建立,欢迎大家加入,无论是新手,菜鸟,大神都可以,小猪一个人的 力量毕竟是有限的,写出来的东西肯定会有很多纰漏不足,欢迎大家指出,集思广益,让小猪的博文 更加的详尽,帮到更多的人,O(∩_∩)O谢谢! 小猪Android开发交流群:小猪Android开发交流群群号:421858269 新Android UI实例大全目录:http://bl

HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版

昨天看到这篇文章[置顶]开源组件NanUI一周年 - 使用HTML/CSS/JS来构建.Net Winform应用程序界面 就想弄一个winform结合html5的一个小东西,突有兴致,想在里面嵌套一个微信网页版. 好了,想法一出来,就行动吧,最终效果如下图: 一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了,但是我还是太天真,微信网页版会自动跳转.结果如下图: 于是上网搜了一下阻止iframe跳转的办法,就是在iframe标签加上 security="r

超链接跳转嵌套完成iframe框架 页面双头双尾解决办法

好久没写文章了,今天小码哥在前辈面前落怂了,但也学了点东西,弥补自身知识的欠缺. 最近在做一个项目的时候,由于用到第三方框架的原因,好多自己写的页面在框架中跳转页面的时候不是碰到跨域问题就是碰到其他一些稀奇古怪的问题.今天就又碰到一个让我感觉无从着手的问题.那就是在一个超链接上通过URL跳转页面,目标页面是一个由iframe引入的有头有尾的完整页面嵌套进当前页面的一个操作.悲剧由此发生,当点击超链接的时候,发生如下图: 这样的两个头部导航的问题.当然还有两个页底的问题.就不贴图了. 就酱紫,小码

select超链接跳转A

客户端页面 实现 下拉菜单 跳转链接 如图 遂使用 select option来展现.开始想到添加 a标签,结果,不行.渲染不出来 搜索查询得知 如下方法实现 ================== <select name="pageselect" onchange="window.location.href=options[selectedIndex].value"> <option value="http://www.baidu.co

超链接跳转

这里面涉及两个知识点--超链接和跳转.下面进行逐一讲解: 1.实现超链接: 1.1形成超链接文本 public static SpannableString getUserlink(String userName, String userId) { SpannableString ss = new SpannableString(userName); URLSpan urlSpan = new URLSpan("gch://" + userId); ss.setSpan(urlSpan

JavaScript基础 a标记 使用onclick事件阻止默认跳转 onclick事件 与 跳转 ,onclick事件优先执行。

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"