頁面顯示效果,如下圖: 主頁面代碼: 跳轉頁面代碼: ...
頁面顯示效果,如下圖:
主頁面代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <br> <br> <a href="jssendValue.html?id=test&user=xujinzhong&pwd=123456&uid=123456" target="_blank"  >>>> 點擊跳轉到下一個界面 >>></a> </body> </html>
跳轉頁面代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script language="javascript"> var myID = "id" var myuser = "user" var mypwd = "pwd" var myuid = "uid" function getParameter(param) { var query = window.location.search; //獲取URL地址中?後的所有字元 var iLen = param.length; //獲取你的參數名稱長度 var iStart = query.indexOf(param); //獲取你該參數名稱的其實索引 if(iStart == -1) //-1為沒有該參數 return ""; iStart += iLen + 1; var iEnd = query.indexOf("&", iStart); //獲取第二個參數的其實索引 if(iEnd == -1) //只有一個參數 return query.substring(iStart); //獲取單個參數的參數值 return query.substring(iStart, iEnd); //獲取第二個參數的值 } function init() { document.getElementById("id").value = getParameter(myID); document.getElementById("user").value = getParameter(myuser); document.getElementById("pwd").value = getParameter(mypwd); document.getElementById("uid").value = getParameter(myuid); } </script> </head> <body onload="init()"> this is a test <br> <input id="id" type="text" /> <br> <input id="user" type="text" /> <br> <input id="pwd" type="text" /> <br> <input id="uid" type="text" /> </body> </html>