javascript - 更改 iframe src

Question

例如我在 index.html 中有一些链接:

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

在其他页面，iframe.html 我有一个iframe:

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

是否可以这样做，以便在我单击“转到消息页面”链接时将我重定向到 iframe.html 并将 iframe src 更改为 message.html？

Answer 1

一个简单的解决方案:

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);
});

希望这将是您的答案。谢谢!

SEE DEMO

查看页面:

• 个人资料页面:http://jsfiddle.net/akhurshid/8NfMy/
• 留言页:http://jsfiddle.net/akhurshid/V3Qjp/
• iframe 页面:http://jsfiddle.net/akhurshid/YdXKK/
• 主(索引)页面:http://jsfiddle.net/akhurshid/n7wNj/