首頁 > 開發者 > JavaScript
HTML5 參數傳遞，html5參數傳遞
頁面顯示效果，如：
首頁面代碼：
<!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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
