HTML5 参数传递
生活随笔
收集整理的這篇文章主要介紹了
HTML5 参数传递
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
頁(yè)面顯示效果，如下圖：
主頁(yè)面代碼：
<!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"  >>>> 點(diǎn)擊跳轉(zhuǎn)到下一個(gè)界面 >>></a> </body> </html>跳轉(zhuǎn)頁(yè)面代碼：
<!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; //獲取你的參數(shù)名稱長(zhǎng)度 var iStart = query.indexOf(param); //獲取你該參數(shù)名稱的其實(shí)索引 if(iStart == -1) //-1為沒有該參數(shù) return "";iStart = iLen 1;var iEnd = query.indexOf("&", iStart); //獲取第二個(gè)參數(shù)的其實(shí)索引 if(iEnd == -1) //只有一個(gè)參數(shù) return query.substring(iStart); //獲取單個(gè)參數(shù)的參數(shù)值 return query.substring(iStart, iEnd); //獲取第二個(gè)參數(shù)的值 }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>?
總結(jié)
以上是生活随笔為你收集整理的HTML5 参数传递的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 开发辅助 | 阿里图标库iconfont
- 下一篇： 如何将视频设置为网页背景