iframeパラメータを渡す方法は？

2年 ago
桜, 春樹
1 minute

HTMLでは、iframeタグを使用することで他のウェブページをネストできます。そして、ネストされたウェブページへパラメータを渡すには、次の方法を利用できます。

  1. URLクエリ文字列:パラメータをiframeのsrc属性に付加するURLのクエリ文字列として渡す事ができます。例:
<iframe src="nested_page.html?param1=value1&param2=value2"></iframe>

ネストされたウェブページでは、JavaScript またはサーバーサイドスクリプトを利用してこれらのパラメータを取得できます。

  1. ハッシュパラメータ: パラメータをハッシュパラメータとして iframe の src 属性に追加できます。例えば:
<iframe src="nested_page.html#param1=value1&param2=value2"></iframe>

JavaScriptを使って、ネストされたWebページ内で、これらのパラメータを取得することができます.

  1. JavaScript によるパラメータの受け渡し：JavaScript コードを使用して、埋め込み Web ページのパラメータを動的に設定できます。たとえば、
<iframe id="nested_frame" src="nested_page.html"></iframe>
<script>
var nestedFrame = document.getElementById("nested_frame");
nestedFrame.contentWindow.postMessage({param1: "value1", param2: "value2"}, "*");
</script>

ネストされたWebページでは、JavaScriptコードを使用してmessageイベントをリッスンし、渡された引数を取得できます。

引数を与えたいネストされたウェブページに、これらの手法のいずれかを適宜選択してパラメータを渡します。

bannerAds