当前位置：文江博客话题详情

没有 src 属性的 iframe

发布于 2024-10-04 04:02:31 字数 502 浏览 6 评论 0原文

我想在页面上创建一个，但稍后添加 src。如果我制作一个没有 src 属性的 iframe，那么它会在某些浏览器中加载当前页面。为 src 设置的正确值是多少，以便它只加载空白 iframe？

我看到的答案是：

about:blank
javascript:false
javascript:void(0)
javascript:"";< /code>
空白页面的 url

有明显的赢家吗？如果不是，有哪些权衡？

我不希望在 IE6 及以上的所有浏览器中出现针对 HTTPS url 的混合内容警告，也不出现任何后退按钮、历史记录或重新加载怪异现象。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

分分钟 2024-10-11 04:02:31

不确定是否所有浏览器都支持“about:blank”，所以我就使用您自己的空白页面。

另一个想法：为什么不使用 javascript 添加整个 iframe 而不仅仅是 src？

回复收藏 0 原文

失而复得 2024-10-11 04:02:31

创建“空”iframe（例如，作为 iframe shim）时的标准方法是将 src 设置为 javascript:false;。这是大多数为您创建 iframe shim 的 JavaScript 库所使用的方法（例如 YUI 的 Overlay）。

回复收藏 0 原文

美羊羊 2024-10-11 04:02:31

怎么样

about:blank

What about

about:blank

回复收藏 0 原文

遥远的绿洲 2024-10-11 04:02:31

回复您的评论，澄清您计划使用 iframe 作为表单提交的目标：

我将在服务器上使用一个空文档，发送回 204 no content。

它避免了

IE 和 HTTPS 模式下的“混合内容”警告
由于客户端不理解 javascript: 协议
和其他外来恶作剧而导致不必要的错误。

它也是有效的 HTML。

那么如果它产生额外的请求怎么办？正确设置缓存标头，每个客户端只会有一个请求。

回复收藏 0 原文

素罗衫 2024-10-11 04:02:31

javascript:false:
IE10 和 FF（在 Linux 的 v23 中检查）将显示“false”内容。

javascript:void(0) && javascript:;:
IE 将在 iframe 中显示“无法显示网页”错误。此外，当将 src 从有效网址设置为 javascript:void(0) 时，页面不会变为空白。

关于：空白：
适用于所有浏览器，但 IE 9 向服务器发送路径为“null”的请求。仍然是最好的选择 IMO

结帐 http://jsfiddle.net/eybDj/1
查看 http://jsfiddle.net/sv_in/gRU3V/ 查看 iframe src 在动态更新时如何变化与JS

回复收藏 0 原文

你没皮卡萌 2024-10-11 04:02:31

javascript:false 适用于现代浏览器。

我所看到的是，只有当愚蠢的蜘蛛尝试将 javascript:false 作为页面加载时，这才会“失败”。

解决方案：阻止愚蠢的蜘蛛。

回复收藏 0 原文

剩一世无双 2024-10-11 04:02:31

正如我在此问题中发布的：空的 iframe src 有效吗？，完全省略 src= 属性看起来是可以接受的。

回复收藏 0 原文

忆沫 2024-10-11 04:02:31

IMO：如果您不输入 src，您的页面将无法验证。但也差不多了。
如果您输入 src=""，您的服务器将记录许多 404 错误。

没有什么比“破坏”真正错误的了。但是，使用 iframe 本身实际上没有错吗？

°-

回复收藏 0 原文

绅士风度i 2024-10-11 04:02:31

是的，我知道我正在恢复一条旧线程。告我吧我对答案很感兴趣。

我不明白为什么触发器是表单提交会妨碍动态创建 IFrame。这不正是你想要的吗？

<html>
<head>
<script type="text/javascript">
function setIFrame(elemName, target, width, height) {
    document.getElementById(elemName).innerHTML="<iframe width="+width+" height="+height+" src='"+target+"'></iframe>";
}
</script>
</head>
<body>
<div id="iframe" style="width:400px; height:200px"></div>
<form onSubmit="setIFrame('iframe', 'http://www.google.com', 400, 200); return false;">
<input type="submit" value="Set IFrame"/>
</form>
</body>
</html>

Yes, I know I'm reviving an old thread. Sue me. I'm interested in the answer.

I don't understand why having the trigger being a form submit precludes dynamically creating the IFrame. Does this not do exactly what you want?

<html>
<head>
<script type="text/javascript">
function setIFrame(elemName, target, width, height) {
    document.getElementById(elemName).innerHTML="<iframe width="+width+" height="+height+" src='"+target+"'></iframe>";
}
</script>
</head>
<body>
<div id="iframe" style="width:400px; height:200px"></div>
<form onSubmit="setIFrame('iframe', 'http://www.google.com', 400, 200); return false;">
<input type="submit" value="Set IFrame"/>
</form>
</body>
</html>

回复收藏 0 原文

平定天下 2024-10-11 04:02:31

遇到了这行代码：

iframe.setAttribute("src", "javascript:false");

我也我想删除 javascript:URL。

从 Web 超文本应用程序技术工作组找到此说明 [2019 年 10 月 2 日更新]

[https://html.spec.whatwg.org/multipage/iframe-embed-object.html#the-iframe-element][4.8.5_The_iframe_element]

iframe 或frame 元素的其他步骤如下：
如果元素没有指定 src 属性，或者它的值为
空字符串，让 url 为 URL“about:blank”。

I run into this line of code:

iframe.setAttribute("src", "javascript:false");

as well. I wanted to remove javascript:URL.

Found this note from the Web Hypertext Application Technology Working Group [Updated 2 October 2019]

[https://html.spec.whatwg.org/multipage/iframe-embed-object.html#the-iframe-element][4.8.5_The_iframe_element]

The otherwise steps for iframe or frame elements are as follows:
If the element has no src attribute specified, or its value is the
empty string, let url be the URL "about:blank".

回复收藏 0 原文

~没有更多了~