iframeを読み込んでいる親ページのURLを取得する

同一ドメイン、クロスドメインで記述が違う

学ぶこと

iframeの親ページのURL毎に表示するコンテンツを変更する為に
URLを 同一ドメイン、クロスドメイン それぞれどのように取得するか

ECサイトを運用する場合、オリジナルテンプレートを作成できる場合は問題ないのですが
カスタマイズが難しい(テンプレートが作りづらい)サービスを利用する場合に iframeで表示する事で問題を回避する事がありました
ファイル構成としては

SHOP側

https://shop.example.jp/

iframeで呼び出されるページ

同一ドメイン

https://shop.example.jp

同一ドメインの場合は

のようにすると親のURLを取得できます。
iframeが入れ子になっている場合も親のURLになります

入れ子になったiframeの大本の親のURLが知りたい場合は、

で取得可能ですが、条件としてすべてのiframeが同一ドメインである必要があります。

クロスドメイン

https://example.jp/

クロスドメインの場合は

で親URLを取得できますよ^ ^