1. 程式人生 > >window.location.href火狐不相容性問題

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>