jQuery 强制设置 iframe 的 src 属性

Question

我有一个主页（实际上是一个 JSP），其中有一个 iframe；

<iframe name="abc_frame" id="abc_frame" src="about:blank" frameborder="0" scrolling="no"></iframe>

现在主页上有多个链接（通过 JSP 动态呈现），可以尝试将 src 设置为某个 URL...

现在我的问题是，使用 jQuery（可能是 live()），我可以在这样的情况下覆盖它吗？ abc_frame 的“src”属性总是有一些特定的值（例如“somefixedURL”），

我无法捕获链接点击，因为它是通过一些Java代码完全动态创建的，因此我试图覆盖 iframe src ？

Answer 1

使用 attr

$('#abc_frame').attr('src', url)

这样你就可以获取和设置每个 HTML 标签属性。请注意，还有 .prop()。有关差异，请参阅 .prop() 与 .attr()。简短版本：.attr() 用于属性，因为它们是用 HTML 源代码编写的，而 .prop() 用于附加到 DOM 元素的所有 JavaScript。

Answer 2

如果您使用的是 jQuery 1.6 及更高版本，则需要使用 .prop() 而不是 .attr()：

$('#abc_frame').prop('src', url)

请参阅此问题了解差异的说明。

Answer 3

在生成链接时，将目标设置为 iframe 名称属性，您可能根本不需要处理 jquery。

<a href="inventory.aspx" target="contentframe"  title="Title Inventory">
<iframe id="iframe1" name="contentframe"  ></iframe>

Answer 4

$(document).ready(function() {
    $('#abc_frame').attr('src',url);
})

Answer 5

设置 src 属性对我不起作用。
iframe 没有显示 url。

对我有用的是：

window.open(url, "nameof_iframe");

希望它能帮助别人。

Answer 6

<script type="text/javascript">
  document.write(
    "<iframe id='myframe' src='http://www.example.com/" + 
    window.location.search + "' height='100' width='100%' >"
  ) 
</script>  

此代码从包含 iframe 的页面获取 url 参数 (?a=1&b=2)，并将它们附加到 iframe 的基本 url。它适合我的目的。

Answer 7

您无法设置 FIX iframe 的 src 或阻止 javascript/form 提交来更改其位置。但是，您可以将脚本放入页面的onload并更改每个动态链接的操作。

Answer 8

$(".excel").click(function () {
    var t = $(this).closest(".tblGrid").attr("id");
    window.frames["Iframe" + t].document.location.href = pagename + "?tbl=" + t;
});

这就是我使用的，不需要jquery。在这个特定的场景中，对于每个表，我都有一个 Excel 导出图标，这会强制附加到该表的 iframe 使用页面查找的查询字符串中的变量加载同一页面，如果找到响应，则会写出一个流，其中包含excel mimetype 并包含该表的数据。