龚哥哥 爱生活、做自己!
在html中实现两个html文件交互传递数据的方法
发表于 2015-9-1 | 前端

a.html 文件 代码如下

<html>
	<head>
	</head>
	<body>
		<input type = "text" id = "inputid">
		<input type = "button" onclick="submit('3')" value = "提交">
	</body>
</html>
<script>
function submit(e) {
	var input1 = document.getElementById("inputid");
	var age = e.elements[1].value;
	window.open("b.html?inputstr="+age);  //传入参数
}
</script>

b.html 文件  代码如下

<html>
	<head>
	</head>
	<body>
	</body>
</html>
<script>
	//获得参数的方法
	var request = {
		QueryString : function(val) {
			var uri = window.location.search;
			var re = new RegExp("" +val+ "=([^&?]*)", "ig");
			return ((uri.match(re))?(uri.match(re)[0].substr(val.length+1)):null);
		}
	}

	//调用方法获得参数
	var rt = request.QueryString("inputstr");
	alert(rt);
</script>

新建两个 a.html  和 b.html 文件,将代码直接拷贝进去就可以正常测试看见结果了

发表评论:

TOP