日期:2014-05-17  浏览次数:20759 次

JavaScript解决html页面之间传值问题
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>

如果大家有其他比较好的办法,麻烦请告诉我... 要源码的留下邮箱,发给大家