JavaScript解决html页面之间传值问题

最新推荐文章于 2024-10-30 19:10:39 发布

czq5783095

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量303

点赞数

分类专栏： js javascript html 参数传递页面文章标签： javascript html JavaScript ViewUI

本文链接：https://blog.csdn.net/czq5783095/article/details/84280113

版权

js 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

javascript

1 篇文章 0 订阅

订阅专栏

html

1 篇文章 0 订阅

订阅专栏

JavaScript解决纯HTML静态页面之间参数传递的问题，解决办法如下：
parents.html如下：


<html>
	<head>
		<title>
			这是父页面
		</title>
		<script type="text/javascript">
			function createNewWindow(){
				var args=new Array("美女","房子","汽车");
				var url="children.html?args1="+args[0]+"&args2="+args[1]+"&args3="+args[2];
				var iHeight=100;
				var iWidth=400;
				var iTop=(window.screen.availHeight-30-iHeight)/2;
				var iLeft=(window.screen.availWidth-10-iWidth)/2;
				window.open(url,"childrenWindow","height="+iHeight+",width="+iWidth+",top="+iTop+",left="+iLeft+",toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no");	
			}
		</script>
	</head>
	<body>
		<input type="button" value="点击测试" onclick="createNewWindow()">
	</body>
</html>

children.html代码如下：


<html>
	<head>
		<title>
			这是子页面
		</title>
	</head>
	<body>
		<div id="resultDiv" name="resultDiv"></div>
	</body>
	<script type="text/javascript">
			var urlInfo=window.location.href;
			var argsIndex=urlInfo.indexOf("?");
			var args=urlInfo.substring((argsIndex+1)).split("&");
			var argsInfo="";
			for(i=0;i<args.length;i++){
				var argResult=args[i].split("=");
				if(argResult.length==2){
					argsInfo+="参数名["+argResult[0]+"]";
					argsInfo+="参数值["+argResult[1]+"]";
					argsInfo+="<br/>";
				}						
			}
			document.getElementById("resultDiv").innerHTML=argsInfo;
	</script>
</html>