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

来源：互联网发布：k线选股软件编辑：程序博客网时间：2024/06/05 15:20

当采用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>

0 0