0

次の 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 を読み取ることができません。で呼び出されたページから親ウィンドウの URL を取得する方法はありますiframeか? それが理にかなっていることを願っています。

- 編集 -

両方のページを完全に制御できます: を含むページと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');
}
4

2 に答える 2

1

ＯＰ、

このソリューションでは、jQuery を使用して (同じドメイン) iframe のコンテンツにアクセスし、css スタイルを適用します。

于 2013-03-13T20:31:48.140 に答える
1

window.parent.location.hrefiframeから使ってみてください。これは、iframe と親の両方が同じドメインにある限り機能します。

また、この関連記事も参照してください: iframe から親 URL にアクセスする

于 2013-03-13T20:16:51.667 に答える