web-dev-qa-db-ja.com

URLパラメータをiframeに渡す

iframeを含むページからパラメーターを取得し、srcのiframeにパラメーターを追加したいと思います。

例：

IFRAMEを含むページ-

http://www.example.com/pref.html?c=%433r3jutlut9se%23&e=test%40example.com

上記のページの画像-

<iframe id="myiframe" name="myiframe" src="prefcontent.aspx" frameborder="0"
width="100%" height="800"></iframe>

これは私が試した多くのことのうちの1つで、理論的にはうまくいくと思いましたが、運がありませんでした：

<script language="javascript">
$(function() {

    var loc = window.location.toString(),
    params = loc.split('?')[1],
    params2 = loc.split('&')[2],
    iframe = $('#myiframe');

    console.log(params);

    iframe.src = iframe.src + '?' + params + '&' + params2;


});
</script>
javascriptjqueryhtmliframeparameters
19
Nostalgia80

jQueryを使用している場合、コードを削除することもできます。

$(function() {
    var search = window.location.search;
    $("#myiframe").attr("src", $("#myiframe").attr("src")+search);
});

Window.location.searchを使用します。 URLの最後にあるハッシュタグを切り取り、ネイティブコードであるため非常に高速です。

次に、jQueryセレクターを使用して、iframeのsrcの属性を検索し、現在のsrcとこのページから取得した検索に置き換えます。

お役に立てれば。

14
lededje
<script language="javascript">
    var iframe = document.getElementById('myiframe');
        iframe.src = iframe.src + window.location.search;
</script>
11
adeneo