2012-06-26 86 views
31

需要有关简单问题的帮助!它具有以下标准:从iframe更改父网址

1)点击图像链接在iframe更改父页面,点击另一个iframe图像链接更改父到另一个页面(见下文)。

听起来很简单,但我现在正在搜索它几天,并浏览了很多论坛。 代码可以在HTML CSS或JS,但请保留简单越好任何答案,并张贴一个完整的工作示例工作,我是新来的编码或重新编写测试地点:http://www.howiepotter.com/parent.html

enter image description here

+0

你可以请张贴您目前正在使用的代码,在除了你提供的链接? – jackwanders

+0

您需要命名父级并使用'target'属性。也花一些时间阅读文档。甚至只是在谷歌搜索。 – Ben

+1

可能的重复[如何更改“父”框架的URL?](http://stackoverflow.com/questions/4361479/how-do-i-change-the-url-of-the-parent-帧) – Ben

回答

28

变化从此你的链接:

<a href="link-here.html"> 

要这样:

<a href="#" onclick="top.window.location.href='yourURL';"> 

如果你愿意,你可以只把onclick图像处理程序,并摆脱锚点。

请注意,这是不正确的地方有JavaScript(处理程序应该从一个.js文件,而不是标记),但我感觉你正在寻找一个手术的答案,并不在乎最佳实践。

编辑:正如Victor Nicollet指出的那样,如果您的iframe和父页面不共享域,这将引发安全异常。看到http://en.wikipedia.org/wiki/Same_origin_policy

+6

这。另外,请记住,框架和包含框架的页面必须来自同一个域,才能正常工作。 –

50

http://reference.sitepoint.com/html/a/target

“_top”在顶层框架

负荷量(实际上,整个浏览器 窗口),不管有多少嵌套水平降至当前帧 位于

<a href="page" target="_top">Replace parent url!</a> 
+4

虽然问题在于JS,但对于我目前的需求来说,这更容易。 –

+2

甚至可以使用target =“_ parent” – niravpatel9898

+0

如果我删除了我的这个答案,该怎么办? – biziclop