Chrome下ifame父窗口调用子窗口的问题

最新推荐文章于 2021-09-23 23:57:39 发布

hai_cheng001

最新推荐文章于 2021-09-23 23:57:39 发布

阅读量2.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： WEB其他文章标签： chrome function ie js

本文链接：https://blog.youkuaiyun.com/caohaicheng/article/details/21285695

WEB其他专栏收录该内容

7 篇文章

订阅专栏

本文探讨了在不同浏览器下iframe父窗体调用子窗体JavaScript函数的兼容性问题，特别是在IE、Firefox与Chrome之间的差异。推荐了一种通用的方法以确保在多种浏览器中的兼容性。

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

项目中遇到的一个浏览器不兼容问题：

在IE和Firefox下直接在ifame框架页的父窗口用子窗口的name调用子窗口的js函数都好使，在Chrome下不好使。

	<frameset rows="108,*,30" border="0" frameSpacing="0" frameBorder="0">
		<frame name="header" scrolling="no" noresize src="base/header" />
		<frame id="memuMain" name="main" scrolling="no" noresize src="${ctx}/index.jsp" />
        <frame name="footer" scrolling="no" noresize src="base/footer" />
		<noframes>
			<body>
				<p>此网页使用了框架，但您的浏览器不支持框架。</p>
			</body>
		</noframes>
	</frameset>

在IE和Firefox下可以这样写：

function changeMenu(menu_id){
	header.window.changeMenu(menu_id);
}

或者是：

function changeMenu(menu_id){
	frames[0].changeMenu(menu_id);
}

都可以，

在Chrome下只能用第二种写法，所以需要考虑多种浏览器兼容问题的时候应采用第二种写法。