window.location.href火狐不相容性問題
阿新 • • 發佈:2019-01-01
當採用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>