1

たとえば、index.html にいくつかのリンクがあります。

<a href="message.html">Go to message page</a>

他のページ iframe.html には、iframe が 1 つあります。

<iframe id="iframe" src="profile.html" frameborder="0" scrolling="no"></iframe>

「メッセージページに移動」リンクをクリックすると、iframe.html にリダイレクトされ、iframe src が message.html に変更されるようにすることはできますか?

4

5 に答える 5

2

簡単な解決策：

リンクは次のindex.htmlようになります。

<a href="iframe.html?message.html">Go to message page</a>

次iframe.htmlのようにします。

$(function () {
    var url = window.location.href;
    var QueryStr = url.split('?')[1];    
    $('#iframe').attr('src', QueryStr);
});

これがあなたの答えになることを願っています。ありがとう！

デモを見る

ページを参照してください:

于 2012-09-06T06:42:47.620 に答える
1

このようなクエリ文字列でターゲットページを送信します

  $('a[href="message.html"]').click(function (e) {
        e.preventDefault()
        window.location = 'iframe.html?src="message.html"';
  })

iframe.htmlでこれを行う

$(function () {
    $('#iframe').attr('src', getParameterByName('src'));
});

function getParameterByName(name)
{
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.search);
  if(results == null)
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}
于 2012-09-06T06:18:14.320 に答える
0

id = iframeid の iframe があるとします。

document.getElementById("iframeid").src = "new/address/here";
于 2012-09-06T06:12:57.467 に答える
0

クライアント側で本当にリダイレクトを行いたい場合..

あなたのmessage.htmlファイルに、これを入れてください：

<script type="text/javascript">
 window.location = "iframe.html"
</script>

次に、あなたに追加しますiframe.html：

document.getElementById("iframe").src = "message.html";

テストしていませんが、あなたが言った手順により、リダイレクトの無限ループが発生する可能性があります。

于 2012-09-06T06:24:02.473 に答える
0

このようにリンクタグを変更できます

<a href="iframe.html?ifsrc=message.html">Go to message page</a>

iframe.html ページの onload 関数で、このスクリプトを記述します。

//---------------- within head tag----------of iframe.html--------
    function GET() {
       var data = [];
        for(x = 0; x < arguments.length; ++x)
                data.push(location.href.match(new RegExp("/\?".concat(arguments[x],"=","([^\n&]*)")))[1])
                return data;
        }

        //--- on iframe.html onload function
    function iframeOnload(){

    document.getElementById("iframe").src =  GET("id")[0];

    }

//---------------- within head tag----------of iframe.html--------
于 2012-09-06T07:35:19.680 に答える