空iframe src是否有效？

Question

我希望iframe最初src为空白,然后一旦页面加载; 调用JS函数,然后将src值设置为实际值.

所以是<iframe src="#" />有效的还是我需要使用其他类似的东西javascript:;等

Answer 1

只是 <iframe src='about:blank'></iframe>

Answer 2

HTML 5工作草案第4.8.2节说(强调我的):

该src属性提供嵌套浏览上下文要包含的页面的地址.属性(如果存在)必须是可能由空格包围的有效非空URL.

根据RFC 3986,有效URL必须以方案名称开头,相对引用不仅可以包含片段.

因此,#不是有效的URL,不应该用作src属性的值.

使用about:blank代替.

Answer 3

不,指定空的iframe src 无效.

你应该用<iframe src="about:blank" />.

#是当前页面中锚点的引用(或者,在处理AJAX请求时通常用作路由方案).使用它作为iframe的源是没有意义的,因为iframe不引用当前页面上的内容而不用于AJAX请求.

about:blank是一种显示空白文档的跨浏览器标准.

2012年6月8日更新:

如果属性丢失,"生活"规范似乎不再呈现iframe无效src:

如果在创建元素时未设置srcdoc属性,并且src属性也未设置或设置但其值无法解析,则浏览上下文将保留在初始about:blank页面.

但是,如果未设置这两个属性,则浏览上下文将默认为about:blank.为了提供适当的向后兼容性,建议使用详细信息,并且现在提供about:blankURL.

Answer 4

看起来你也可以完全省略src:

http://dev.w3.org/html5/spec/Overview.html#the-if​​rame-element

如果在创建元素时未设置 srcdoc属性,并且src属性也未设置或设置但其值无法解析,则浏览上下文将保留在初始about:blank页面.