经常有如下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>
分享到:
相关推荐
-- <a href=""></a> -->超链接标签(用于从一个页面链接到另一个页面) <br> 文本超链接 <br> <a href="https://www.baidu.com/">百度</a> <div> <!-- <a href=" 不写值 ">百度</a> -->空链接 <br> <a href=""></...
<a href="javascript:void(null)">防止离开</a> ``` 通过使用`void(null)`表达式,可以确保点击链接不会有任何实际动作发生,从而避免用户误操作导致页面关闭。 #### 8. 自动换行和表格布局 为了确保表格内容在不同...
### 空链接 `href="#"` 与 `href="javascript:void(0)"` 的区别 在Web开发中,我们经常会遇到两种类型的空链接:一种是使用 `href="#"`,另一种则是使用 `href="javascript:void(0)"`。这两种写法在实际应用中看...
">`或者`<a href="javascript:void(0);">`的形式,简洁明了,易于理解。 2. **对浏览器兼容性有较高要求的情况下**:推荐使用`<a href="#" onclick="javascript:goUrl('http://www.sina.com');">`或`<a href="###" ...
### "a href=javascript void(0)" 的含义与应用场景 在HTML中,`a`标签是用来创建超链接的,而`href`属性则定义了链接的目标地址。在实际开发过程中,有时我们会遇到`a href="javascript:void(0)"`这样的写法。本文...
如果使用a标签跳转到指定的div区域,则只需要把a标签的href属性设置为“#divId”就好了,比如: <a>跳转到div</a> <div di=dction_1> 这里是被跳转的区域 </div> 第二个,使用jquery添加或者移除class属性 也很...
在HTML中,`<a href="#">`和`<a href="javascript:void(0)">`这两个链接看起来很相似,但实际上存在重要的区别: - `#`表示页面内部的锚点,即指向页面内部的一个特定位置,默认情况下指向页面顶部(`#top`)。 - `...
<script type="text/javascript"> function gotoSelectedPage() { var x = document.getElementById("navigatorForm"); //alert("Original action: " + x.action) x.submit(); } </script> <form action=...
1. 使用history.go(0)刷新页面,例如:<a href="javascript:history.go(0);">刷新页面</a> 2. 使用location.reload()刷新页面,例如:<a href="javascript:location.reload();">刷新页面</a> 3. 使用location=...
2. 文件下载:超链接可以实现文件下载,例如:<a href="download/file.zip">下载文件</a> 3. 电子邮件发送:超链接可以实现电子邮件发送,例如:<a href="mailto:example@example.com">发送电子邮件</a> 4. 多媒体...
<a href="javascript:void(0);" onclick="alert('Hello World!');">点击我</a> ``` 这段代码同样会在用户点击链接时弹出警告框,但与`javascript:`不同的是,即使JavaScript代码执行失败,也不会触发页面刷新。 **...
page=<%= intPageCount %>">尾页</a><br> <% } %>跳转到<br> <select name="page" onChange="javascript:this.form.submit();"><br> <% for(i=1;i<=intPageCount;i++){%> <br> <option value="<%= i %>" <% if(int...
6. 直接跳转式 `<script>window.location.href='连接地址';</script>`; 7. 开新窗口 `<a href="/javascript:" onClick="window.open('连接地址','','height=500,width=611,scrollbars=yes,status=yes')">`.
例如,在 AJAX 调用之前或之后执行某些逻辑处理时,可以通过设置 `<a>` 标签的 `href` 属性为 `javascript:void(0)` 来避免不必要的页面跳转或刷新。 #### 六、总结 - **`void(0)`** 主要用于执行某些处理,同时...
综上所述,虽然有多种方式可以在`<a>`标签中调用JavaScript方法,但推荐使用`<a href="javascript:void(0);" onclick="js_method();>`或`<a href="javascript:;" onclick="js_method();>`,它们兼顾了代码简洁性、...
<a id="dengl" href="javascript:;">登录</a> <!--登录--> <i>|</i> <a id="zc" href="javascript:;">注册</a> <!--注册--> </div> <div class="box-b-s"> <p id="shij"></p> <!--获取当前...
<a href="javascript:void(0)" onclick="openWin(3, this)">株洲</a> <script> function openWin(tag, obj) { obj.target = "_blank"; obj.href = "Web/Substation/Substation.aspx?stationno=" + tag; obj....
if (this.pageCount >= startPage + 10) strHtml += '<span title="Next 10 Pages"><a href="javascript:' + this.name + '.toPage(' + (startPage + 10) + ');">...</a></span>'; if (nextPage > this....