js框架传值在chrome中出现错误-优快云博客

本文讨论了在一个页面中使用frameset包含多个窗口时，如何在子窗口中调用父窗口属性，并解决了在Chrome浏览器中遇到的跨文件系统访问限制问题。通过将应用部署在Tomcat服务器上并通过URL访问，或直接使用IE浏览器访问，成功实现了不同窗口间的属性交互。

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

我在一个页面中frameset包含了两个窗口

<html>
<head>
<meta http-equiv="content-type" content="text/type;charset:UTF-8">
</head>
<frameset cols="50%,*">
<frame src="a.html"></frame>
<frame src="b.html"></frame>
</frameset>
</html>

在一个子窗口中调用父窗口的属性

a.html

<html>
<head>
<meta http-equiv="content-type" content="text/type;charset:UTF-8">
<script type="text/javascript">
	//button事件
	function btn_onclick(){
		var showArea=document.getElementById("showTxt");
		showArea.value="";
		showArea.value+=(window.parent.location.href+"\n");
		showArea.value+=window.parent.getVisitedStr();
	}
	
	function addpage_onload(){
		alert(window.parent.location.href);
	}
	window.onload=addpage_onload;
</script>
</head>
<body>
	
	<button  onclick="btn_onclick()" >list page visited</button>
</body>
</html>

在chrome浏览器中出现错误

Blocked a frame with origin "null" from accessing a frame with origin "null"

查阅资料后得知chorme浏览器对于在文件系统中的主框架相互访问当做异域访问（既认为是不同服务器之间的访问），所以可以在Tomcat中发布后再用http://127.0.0.1//xxx 的方式访问或者之间用IE访问