javascript - 如果特定 URL，则使用 Jquery 更改 iframe 主体的背景图像

Question

我使用以下 jQuery 脚本来读取页面 URL，并根据此更改背景图像:

对我的脚本版本进行排序:

var url = window.location.href;
if (url.search("food") > 0){
    alert('Example: use image 1');
} else {
    alert('Example: use image 2');
}

当页面独立加载时，此脚本可以很好地工作。但是，当从 iframe 调用页面时，它不起作用，这意味着脚本无法读取父窗口的 URL。有没有办法从 iframe 中调用的页面获取父窗口的 URL？我希望这是有道理的。

--编辑--

我可以完全控制两个页面:带有 iframe 的页面和在 iframe 中调用的页面。也许另一种选择是在父页面中添加一个脚本来更改iframe页面的背景图像。

--解决方案--

parent.document.location.href 做到了这一点，因为我的 iframe 位于同一域但在不同的子域中，我还必须声明:document .domain =“myurl.com”。所以我现在的最终脚本是:

document.domain = "mydomain.com";
var url = parent.document.location.href;
if (url.search("food") > 0){
    alert('Example: use image 1');
} else {
    alert('Example: use image 2');
}

Answer 1

尝试使用 iframe 中的 window.parent.location.href。只要 iframe 和父级位于同一域中，这就可以工作。

另外，请参阅此相关帖子:Access parent URL from iframe