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>?
總結
以上是生活随笔為你收集整理的HTML5 参数传递的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 开发辅助 | 阿里图标库iconfont
- 下一篇： CCS3的过渡、变换、动画以及响应式布局