js控制iframe弹出窗口

Amacoder 2012-04-12 08:53:50

有这样一种情况：
我在iframe里面嵌了一个网页（这个网页可能是来自网络）
如果网页里面含有像
<script>
function changelocation(){
parent.location.href="b.htm";
}
</script>
</head>

<body>
<a href="#" onclick="changelocation();">跳转</a>
</body>
这样的代码，那页面跳转之后就会覆盖掉了原来的iframe页，我想让这个跳转之后的
页面在iframe里面显示。但是只能是自己另外建一个js文件往这个网页上注入，
因为这个网页不一定是我写的，可能会是一个网络资源。
求解决办法。下面是需求的例子:
a.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">

<script>
function changelocation(){
parent.location.href="b.htm";
}
</script>
</head>

<body>
<a href="#" onclick="changelocation();">跳转</a>
</body>
</html>

b.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>

<body>
bbbbbbbbbbbbbb
</body>
</html>

frame.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">

</head>

<body>
<center>
<iframe src="a.htm"/>
</center>
</body>
</html>

...全文

1060 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

ixkixkix 2012-04-13

打赏
举报

回复

安全性问题，
最好不要这么搞，很多问题的

wzhiyuan 2012-04-12

打赏
举报

回复

楼主,这就是跨域问题
在以前的浏览器里(比如IE6),你通过在新窗口(无论是在iframe,或者window.open 或者说a target=_blank)打开的文档,
可以将父窗口重定位.
比如用户通过搜索引擎或者导航站点,打开新窗口到了你的网站,你一句window.opener.location.href="http//www.xxx.com" 就可以将父窗口重定向了,但是在现代浏览器里,这一功能被限制了(比如如果是自动运行脚本,就不能重定向,但是显示比如onclick可以重定向,或者弹出有警告)或者完全禁止了.

文盲老顾 2012-04-12

打赏
举报

回复

如果是引用跨域的页面，那你就没办法控制他的内容和操作了，安全性受限

js_弹出窗口_iframe

lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件。专为大型弹出窗口定制相对于网上其它弹出窗口组件主要功能是提示信息来说，本组件主要是用来制作窗口中内容较多，页面比较复杂的窗口。本组件的窗口内容面主要是以嵌入iframe框架为主，内容页为一个单独的页面。这样就可以更方便的管理内容页，页面的样式也不受其它页面的影响，而且内容页可以是静态或动态的任何一种文件。强大灵活的接口机制由于本组件主要是用来制作大型的窗口，页面和窗口间的交互肯定会非常频繁，所以本组件提供了丰富的交互控制接口，可以非常方便的进行页面间的数据的传输。完美的jQuery组件由于本组件所需的lhgcore.min.js库文件就相当于一个精简的jQuery库，所以本组件的代码的书写方式和jQ的一样精简。如果您想把它做的jQ的组件，只要在页面引入jQuery的库（此时不再需要引入lhgcore.min.js库文件）。跨无限级框架显示自定义皮肤支持无论你把窗口组件放在哪里，你都不需要担心会被外层的frameset或iframe所遮挡进而影响客户体验，lhgdialog窗口组件是可以跨无限

采用两种弹出窗口实现方式： window.open()和window.showModalDialog()，并解决了showModalDialog()弹出窗口中列表分页的问题。提供了三个JS方法：（1）showWindow(sURL, width, height); （2）showWindowInPage(pageUrl, params, title, width, height); （3）openWindow(sURL, title, width, height); 弹出窗口关闭的JS方法：window.close(); 示例请参照：demo.html 窗口内分页方法请参照：demoInPage.jsp （注：项目中使用时需要修改JS文件中，iFrame.jsp页面的路径）

div+iframe做出的弹出窗口，效果等同于模态窗口。弹出窗口可最大化、最小化，可拖拽。带遮罩功能。解决替换模态窗口，避免模态调模态出现的一系列问题：session丢失，提交返回，调父类方法层级多了或者多页面调的时候，parent层次级别问题。用iframe的话，直接可以反着从第一层用top方法调用。

今天做一个小软件遇到一个问题，就是在一个页面里面需要放一个iframe框架来预览网站，可是被预览的这个网站中含有很多js脚本，如弹出窗口，提示框，最可恶的是一直让设为首页和加入收藏，我想应该有办法禁止iframe里面的脚本吧，于是百度了一下，还发现不少新大陆，于是解决了这个问题，记录下来，方便以后查询，也方便大家参考： <iframe src=fillseo.html></iframe> fillseo.html里面有个js脚本，其中有alert，还有弹出窗口，很可恶吧，如何禁止掉它们？而且这个fillseo.html是不同的域的文件。经过查阅无数相关资料，发现下面的代码，完全可以解

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章