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

我使用以下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');
}

---

尝试使用iframe中的

window.parent.location.href

。只要iframe和父对象都在同一个域上，这就可以工作

另外，请参阅此相关帖子：

OP

---

使用jQuery访问（同一域）iframe的内容/应用css样式

我应该多研究一点。。。非常感谢。