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"&nbsp >>>> 点击跳转到下一个界面 >>></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>
上一篇:简单的 "双缓冲" 绘图的例子(研究一下)


下一篇:【pac4j】OAuth 认证机制 入门篇