更改背景圖片，如果某些URL

Question

我用下面的jQuery腳本讀取網頁的網址並根據此我更改背景圖片：

排序版本我的腳本：

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頁面的背景圖像。

--SOLUTION--

parent.document.location.href的伎倆，並因爲我的iframe是在同一個域，但在不同的子域我還曾宣佈：document.domain = "myurl.com"。所以，我最後的腳本現在是：用window.parent.location.href從IFRAME

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和父母都在同一個域上，這可以工作。

而且，看到這個相關的帖子：Access parent URL from iframe

Answer 2

OP，

This solution用了jQuery訪問（同一域）iframe的內容/應用CSS樣式。