IE6中链接A的href为javascript协议时不在当前页面跳转

切页面时有时用链接A来替代按钮,这样做有几个好处

鼠标放上时默认有手状效果(不用添加cursor:pointer)
可以添加低版本IE都支持的伪类

如果点击时页面要整体刷新,即跳转,这时IE6则不尽人意,如下


代码如下:

<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p>
<p><a href="javascript:void 0;" onclick="jumpSohu()">Sohu</a></p>
<script>
function jumpSina() {
location.href = 'http://www.sina.com.cn'
}
function jumpSohu() {
location.href = 'http://www.sohu.com'
}
</script>

IE6中点击链接无法跳转,其它浏览器都可以。解决方法是改成锚点,


代码如下:

<p><a href="###" onclick="jumpSina()">Sina</a></p>
<p><a href="#none" onclick="jumpSohu()">Sohu</a></p>
<script>
function jumpSina() {
location.href = 'http://www.sina.com.cn'
}
function jumpSohu() {
location.href = 'http://www.sohu.com'
}
</script>

如果把跳转方式改为window.open,则IE6下没有问题,如下


代码如下:

<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p>
<script>
function jumpSina() {
window.open( 'http://www.sina.com.cn')
}
</script>

(0)

相关推荐

  • JavaScript中通过提示框跳转页面的方法

    通过提示框跳转页面具体代码如下所示: <!doctype html> <html lang="en"> <head> <meta charset="UTF-"> <title>Document</title> </head> <body> <script> window.onload = function(){ //设置当页面加载时执行 var btn =do

  • JavaScript实现单击下拉框选择直接跳转页面的方法

    本文实例讲述了JavaScript实现单击下拉框选择直接跳转页面的方法.分享给大家供大家参考.具体实现方法如下: <script type="text/JavaScript"> <!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

  • JSP中实现判断客户端手机类型并跳转到app下载页面

    判断客户端手机类型,并跳转到相应的app下载页面 实现的原理,是检测浏览器的 USER-AGENT 这个header,然后根据正则表达式来确定客户端类型. 如果都不匹配,Fallback回退策略是显示对应的页面,让用户自己选择. 适合采用二维码扫描方式下载APP: JSP版本的代码如下所示:其他服务端版本请百度搜索. <%@page import="java.util.regex.Matcher"%> <%@page import="java.util.re

  • JSP中的倒数计时和自动跳转页面

    老师说要写blog,然后只能把雪藏了多年没动过的博客重新翻出来了,今天先分享下JSP里的倒数计时和自动跳转页面 抓狂然后刚才好不容易码完,网页出错了. 1,在标签中建立onload事件,用作自动刷新: <body onload="shownum()"> 2,在<script>中编写onload事件: <script type="text/javascript"> var i = 6; function shownum(){ i=i

  • js判断登录与否并确定跳转页面的方法

    本文实例讲述了js判断登录与否并确定跳转页面的方法.分享给大家供大家参考.具体如下: 使用session存储,确定用户是否登录,从而确定页面跳转至哪个页面. 判断本地有无customerID: function jumpTo(p, url) { var customerId=sessionStorage.customerId; if (customerId == undefined) { p.attr("href", "page/Login/login.html")

  • js监听鼠标点击和键盘点击事件并自动跳转页面

    js监听鼠标点击(onmousedown)和键盘点击(onkeydown)事件并自动跳转页面,在学习的朋友可以参考下 $(function(){ var i = 0; document.onmousedown=function(event){ if(i==1){ window.open('http://www.njxblog.com'); } //setTimeout(function (){window.open('http://www.jb51.net')},2000); //定时不太好使,

  • js点击button按钮跳转到另一个新页面

    点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢? 这样的效果可以:onclick="window.location='新页面'" 来实现. 1.在原来的窗体中直接跳转用 代码如下 window.location.href="你所要跳转的页面"; 2.在新窗体中打开页面用: 代码如下 window.open('你所要跳转的页面'); window.hist

  • JS实现页面超时后自动跳转到登陆页面

    JS代码: 复制代码 代码如下: <script language="javascript">   var myTime = setTimeout("Timeout()", 60000);   function resetTime() {       clearTimeout(myTime);       myTime = setTimeout('Timeout()', 60000);   }  function Timeout() {       al

  • jsp和servlet中实现页面跳转的方式实例总结

    本文实例总结了jsp和servlet中实现页面跳转的方式.分享给大家供大家参考,具体如下: 假设要求从test1.jsp 跳转到test2.jsp 一. jsp中跳转: 1. 使用RequestDispatcher.forward方法转发 <% RequestDispatcher rd = getServletContext().getRequestDispatcher("/test/test2.jsp"); rd.forward(request, response); %>

  • jquery mobile页面跳转后样式丢失js失效的解决方法

    用ajax跳转的时候,从a.html跳转到b.html后,b.html的css以及js都失效了. 方法: 将当前页面b.html需要用到的css以及js放在<page>div内. 原理: 由于jqm的ajax跳转的时候,只会把b.html中<page>内的内容加载进dom,而<page>外的代码都不会加载,所以导致在<page>外的js和css都失效了.

随机推荐