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>