Question

我正在使用jQuery 1.3.2，我想知道我是否可以获得一些帮助，以确定以下是否可以实现，如果可以的话，怎么做呢 - 示例会很棒。

基本上，我有一个向用户显示报告的iframe src页面。现在因为它在iframe中，该页面上没有横幅，但我允许用户使用window.open将iframe分离到新的浏览器窗口，以便他们可以看到更多信息。

我的问题是，当我将iframe页面打开到新的浏览器时，我需要操作html并在页面的正文部分附加一个包含横幅的div部分。

基本上，在这个div中，我有我公司的横幅（徽标和名称），当用户从iframe中分离页面时，我只需要将其附加到页面顶部。

会对如何做到这一点表示感谢。

感谢。

Answer 1

更干净的方法是在html或body标签中使用类，在'分离'iframe之后切换。虽然页面位于iframe类中，例如'in-iframe'。

你有CSS喜欢：

.in-iframe #banner, .in-iframe #footer {
    display: none;
}

所以横幅实际上总是在页面上，但有时它会被隐藏。

IFrame html（注意iframe的锚点链接）：

<iframe src="/report/xxx/#hidebanner"></iframe>
<a href="/report/xxx/" target="_blank">open report in separate window</a>

报告页面html：

...
<html>
...
<body>
<script> if (location.hash == '#hidebanner') { $('body').addClass('in-iframe'); } </script>
...