location.href頁面不跳轉解決方案,附加加兩個小案例
阿新 • • 發佈:2019-01-02
關於window.location.href 不跳轉做了一些小總結
首先說跳轉的條件,在<a>標籤中
首先要要求 a 標籤如下:
<a onclick="函式名()" href="javascript:void(0)"></a>
而 a 標籤的 href 屬性一定不能寫錯,
而經過我的實驗 href 的屬性值 取 “#” 或者設定成 “javascript:void(0)” 第二個一定不能寫錯,否則跳轉不成功。
href="javascript:void(0)"
href="#"
而函式就很簡單了
<script type="text/javascript"> function 函式名() { location.href="XXXXXXX"; //或者是window.location.href="XXXXXXX"; } </script>
對比一下,沒有寫錯的地方一定能跳轉成功
寫了兩個互相跳轉的測試頁面:
demo1
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>location.href跳轉例項</title> </head> <script type="text/javascript"> function baidu2() { window.location.href = "demo2.jsp"; } function baidu() { //window 可以省略 所以這也寫也是可以的 location.href = "demo2.jsp"; } </script> <body> <a onclick="baidu()" href="#" >跳轉測試1(# + location.href 組合)</a><br> <a onclick="baidu2()" href="javascript:void(0)" >跳轉測試2(javascript:void(0) + window.location.href 組合)</a> <hr> <h1>我是demo1</h1> </body> </html>
demo2
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>location.href跳轉例項</title> </head> <script type="text/javascript"> function baidu() { window.location.href = "demo1.jsp"; } function baidu2() { //window 可以省略 所以這也寫也是可以的 location.href = "demo1.jsp"; } </script> <body> <a onclick="baidu()" href="#" >跳轉測試1(# + window.location.href 組合)</a><br> <a onclick="baidu2()" href="javascript:void(0)" >跳轉測試2(javascript:void(0) + location.href 組合)</a> <hr> <h1>我是demo2</h1> </body> </html>