window.location.href火狐不兼容性问题


当采用window.location.href("web/login.jsp")跳转页面的时候IE是成功的,但是用再火狐上面,这种跳转方式是不会器任何作用。

其实想要兼容火狐很简单,只要改变一下他的赋值方式就可以 window.location.href=“web/login.jsp”   这种跳转方式在IE和火狐上是都能够成功的。


下面是几个关于页面跳转的方式:
  top.location.href=”url”          在顶层页面打开url(跳出框架)
  self.location.href=”url”         仅在本页面打开url地址
  parent.location.href=”url”      在父窗口打开Url地址
  this.location.href=”url”       用法和self的用法一致

为了避免兼容性的问题,最好采用等号的形式进行跳转。

下面是一个自己下的示例:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>lonin</title>
    <link rel="stylesheet" type="text/css" href="lib/css/loginCSS">
    <script type="text/javascript" src="lib/js/jquery-2.0.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {

//        登陆页面
            $("#butlogin").click(function () {
                var username = $("#User").val();
                var password = $("#Psw").val();
                if (username == "luolibo" && password == 12345) {
                        window.location.href="index.jsp";
                } else if (username == "luolibo" && password != 12345) {
                    alert("密码错误!")
                } else if (username != "luolibo" && password == 12345) {
                    alert("用户名错误!")
                } else {
                    alert("用户名和密码错误!")
                }
            });
        })
    </script>
</head>
<body>
<div class="title">welcome</div>
<div class="login">
    <span>UserName</span><input id="User" name="User" maxlength="12"/></br>
    <span>PassWord</span><input id="Psw" name="Psw" maxlength="12"/></br>
    <div id="butlogin" class="butlogin">login</div>
</div>
</body>
</html>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值