`
yuelangyc
  • 浏览: 454751 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Js在IE6下导致js跳转失败的元凶,<a href="javascript:void(0);" >

 
阅读更多
经常有如下JS跳转写法:

<a href="javascript:void(0);" onclick="javascript:location.replace ('http://www.baidu.com/');">test js location.replace()</a>
<a href="javascript:void(0);" onclick="javascript:location.href ='http://www.baidu.com/';">test js location.replace()</a> 

        经测试,在IE6下上述两种JS跳转履行无响应,其它浏览器下均正常。
        细心解析,猜测IE6下a链接的跳转会收到href属性中代码的影响,上述代码的履行过程,貌似是先履行 onclick事务中的代码,并且是在onclick事务的回调函数返回true 的景象下,再履行href属性中的代码,然后才作出跳迁移转变作。而恰是void(0);代码阻拦了浏览器跳转,所以在onclick的代码最后,加上return false; 让onclick回调函数返回false值,以阻拦履行 href属性中的代码,如许就可以让浏览器顺利跳转。

<a href="javascript:void(0);" onclick="javascript:location.replace ('http://www.baidu.com/'); return false;">test js location.replace()</a>
<a href="javascript:void(0);" onclick="javascript:location.href ='http://www.baidu.com/'; return false;">test js location.replace()</a>


分享到:
评论

相关推荐

    超链接(文本超链接、图像超链接)

    -- &lt;a href=""&gt;&lt;/a&gt; --&gt;超链接标签(用于从一个页面链接到另一个页面) &lt;br&gt; 文本超链接 &lt;br&gt; &lt;a href="https://www.baidu.com/"&gt;百度&lt;/a&gt; &lt;div&gt; &lt;!-- &lt;a href=" 不写值 "&gt;百度&lt;/a&gt; --&gt;空链接 &lt;br&gt; &lt;a href=""&gt;&lt;/...

    网页设计常用的Javascript特效代码

    &lt;a href="javascript:void(null)"&gt;防止离开&lt;/a&gt; ``` 通过使用`void(null)`表达式,可以确保点击链接不会有任何实际动作发生,从而避免用户误操作导致页面关闭。 #### 8. 自动换行和表格布局 为了确保表格内容在不同...

    空链接 href="#"与href="javascript-void(0)"的区别.docx

    ### 空链接 `href="#"` 与 `href="javascript:void(0)"` 的区别 在Web开发中,我们经常会遇到两种类型的空链接:一种是使用 `href="#"`,另一种则是使用 `href="javascript:void(0)"`。这两种写法在实际应用中看...

    设为主页跳转代码大全

    "&gt;`或者`&lt;a href="javascript:void(0);"&gt;`的形式,简洁明了,易于理解。 2. **对浏览器兼容性有较高要求的情况下**:推荐使用`&lt;a href="#" onclick="javascript:goUrl('http://www.sina.com');"&gt;`或`&lt;a href="###" ...

    a href=javascript void(0) 是什么意思呢?加不加上有什么区别?.docx

    ### "a href=javascript void(0)" 的含义与应用场景 在HTML中,`a`标签是用来创建超链接的,而`href`属性则定义了链接的目标地址。在实际开发过程中,有时我们会遇到`a href="javascript:void(0)"`这样的写法。本文...

    a标签跳转到指定div,jquery添加和移除class属性的实现方法

    如果使用a标签跳转到指定的div区域,则只需要把a标签的href属性设置为“#divId”就好了,比如: &lt;a&gt;跳转到div&lt;/a&gt; &lt;div di=dction_1&gt; 这里是被跳转的区域 &lt;/div&gt; 第二个,使用jquery添加或者移除class属性 也很...

    javascript-void(0)是什么意思?JS的几种跳转.docx

    在HTML中,`&lt;a href="#"&gt;`和`&lt;a href="javascript:void(0)"&gt;`这两个链接看起来很相似,但实际上存在重要的区别: - `#`表示页面内部的锚点,即指向页面内部的一个特定位置,默认情况下指向页面顶部(`#top`)。 - `...

    数据库分页脚本 jsp

    &lt;script type="text/javascript"&gt; function gotoSelectedPage() { var x = document.getElementById("navigatorForm"); //alert("Original action: " + x.action) x.submit(); } &lt;/script&gt; &lt;form action=...

    jsp返回上一页和刷新

    1. 使用history.go(0)刷新页面,例如:&lt;a href="javascript:history.go(0);"&gt;刷新页面&lt;/a&gt; 2. 使用location.reload()刷新页面,例如:&lt;a href="javascript:location.reload();"&gt;刷新页面&lt;/a&gt; 3. 使用location=...

    网页设计与制作超链接.pdf

    2. 文件下载:超链接可以实现文件下载,例如:&lt;a href="download/file.zip"&gt;下载文件&lt;/a&gt; 3. 电子邮件发送:超链接可以实现电子邮件发送,例如:&lt;a href="mailto:example@example.com"&gt;发送电子邮件&lt;/a&gt; 4. 多媒体...

    javascript;与javascriptvoid(0)使用介绍

    &lt;a href="javascript:void(0);" onclick="alert('Hello World!');"&gt;点击我&lt;/a&gt; ``` 这段代码同样会在用户点击链接时弹出警告框,但与`javascript:`不同的是,即使JavaScript代码执行失败,也不会触发页面刷新。 **...

    JSP分页代码

    page=&lt;%= intPageCount %&gt;"&gt;尾页&lt;/a&gt;&lt;br&gt; &lt;% } %&gt;跳转到&lt;br&gt; &lt;select name="page" onChange="javascript:this.form.submit();"&gt;&lt;br&gt; &lt;% for(i=1;i&lt;=intPageCount;i++){%&gt; &lt;br&gt; &lt;option value="&lt;%= i %&gt;" &lt;% if(int...

    js跳转页面方法,JS跳转页面参考代码

    6. 直接跳转式 `&lt;script&gt;window.location.href='连接地址';&lt;/script&gt;`; 7. 开新窗口 `&lt;a href="/javascript:" onClick="window.open('连接地址','','height=500,width=611,scrollbars=yes,status=yes')"&gt;`.

    js中 javascript-void(0) 用法详解.docx

    例如,在 AJAX 调用之前或之后执行某些逻辑处理时,可以通过设置 `&lt;a&gt;` 标签的 `href` 属性为 `javascript:void(0)` 来避免不必要的页面跳转或刷新。 #### 六、总结 - **`void(0)`** 主要用于执行某些处理,同时...

    a标签中调用js中的方法的方法

    综上所述,虽然有多种方式可以在`&lt;a&gt;`标签中调用JavaScript方法,但推荐使用`&lt;a href="javascript:void(0);" onclick="js_method();&gt;`或`&lt;a href="javascript:;" onclick="js_method();&gt;`,它们兼顾了代码简洁性、...

    非常好的html+css+js网页设计项目资源,分享出来.zip

    &lt;a id="dengl" href="javascript:;"&gt;登录&lt;/a&gt; &lt;!--登录--&gt; &lt;i&gt;|&lt;/i&gt; &lt;a id="zc" href="javascript:;"&gt;注册&lt;/a&gt; &lt;!--注册--&gt; &lt;/div&gt; &lt;div class="box-b-s"&gt; &lt;p id="shij"&gt;&lt;/p&gt; &lt;!--获取当前...

    js中javascript-void(0) 真正含义.docx

    &lt;a href="javascript:void(0)" onclick="openWin(3, this)"&gt;株洲&lt;/a&gt; &lt;script&gt; function openWin(tag, obj) { obj.target = "_blank"; obj.href = "Web/Substation/Substation.aspx?stationno=" + tag; obj....

    JS分页效果JS分页效果

    if (this.pageCount &gt;= startPage + 10) strHtml += '&lt;span title="Next 10 Pages"&gt;&lt;a href="javascript:' + this.name + '.toPage(' + (startPage + 10) + ');"&gt;...&lt;/a&gt;&lt;/span&gt;'; if (nextPage &gt; this....

Global site tag (gtag.js) - Google Analytics