html页面之间传递值

wive

于 2015-11-04 20:35:41 发布

阅读量463

点赞数

前端技术专栏收录该内容

41 篇文章

订阅专栏

本文详细介绍了如何通过HTML的URL参数获取特定值，并在网页中动态展示这些信息，适用于前端开发人员。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自：http://blog.youkuaiyun.com/whumr1/article/details/6931835

a.html

<html>    
<head>    
<body>    
<a href="c.html?test=大师大师" target="_blank">aaaaaaaaaaa</a>  
</body>    
</html>

c.html

<html>  
<head>
<script language="javascript">
	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() {
		var param = getParameter("test");
		document.getElementById("a").value = param;
	}
</script>
</head>
<body onload="init()">   
this is a test <br>
<input id="a" type="text"/> 
</body>  
</html>