1. 程式人生 > >js頁面跳轉傳值

js頁面跳轉傳值

頁面跳轉傳值是通過在url連結裡面用“?”追加引數值,進行頁面之間傳參,程式碼如下。

頁面一(onepage.html)

<!DOCTYPE html>
<html>


<head>
<meta charset="UTF-8">
<title></title>
</head>
<script language="JavaScript">
function test() {
//定義要傳遞的引數值;
var s = 123;
//頁面跳轉時拼接附加引數值;
location.href = "twopage.html?" + "txt=" + encodeURI(s);
}
</script>


<body>
<div type="button" onclick="test()">頁面跳轉</div>


</body>


</html>

頁面二(twopage.html)

<!DOCTYPE html>
<html>


<head>
<meta charset="UTF-8">
<title></title>
</head>


<body>
頁面二
<script language="javascript" type="text/javascript">
//獲取當前url地址即為onepage.html頁面裡拼接的url("twopage.html?" + "txt=" + encodeURI(s));
var loc = location.href;
console.log("當前url:"+loc);
//列印結果為:當前url:http://127.0.0.1:8020/project/%E9%A1%B5%E9%9D%A2%E8%B7%B3%E8%BD%AC%E4%BC%A0%E5%80%BC/twopage.html?txt=123
//當前url攜帶要傳遞的值(txt=123);
var n1 = loc.length; 
//地址的總長度
var n2 = loc.indexOf("=");
//取得=號的位置
var id = decodeURI(loc.substr(n2 + 1, n1 - n2));
//從=號後面的內容,即獲取到需要傳的值;
console.log(id);
//document.write(id)
</script>
</body>


</html>