iframe标签:后

文献种类：专题技术文献；
开发工具与关键技术：VS/HTML
撰写时间：2019年8月8日

<iframe> 标签:后

1.7、name					frame_name						规定 iframe 的名称。
	语法：<iframe name="value "></iframe>
	iframe 元素的 name 属性用于在 JavaScript 中引用元素，或者作为链接的目标。
	例：作为链接目标的 iframe：
	    没有name：<iframe src="/come/Index_2" width="400" height="300"></iframe>
	    有name：<iframe src="/come/Index_2" name="iframe_a"   width="400"height="300"></iframe>
	            <a href="/come/Index_2" vvll="my" target="iframe_a">Index_2</a> 

如果点击有name值的 a 标签，那么有与 a 标签name值一样的 iframe 标签将会刷新，没有则不会；

1.8、sandbox				"" 、allow-forms 、					启用一系列对 <iframe> 中内容的额外限制。
							allow-same-origin 、
							allow-scripts 、
							allow-top-navigation	
	语法：<iframe sandbox="value "></iframe>
	定义和用法：
		如果被规定为空字符串（sandbox=""），sandbox 属性将会启用一系列对行内框架中内容的额外限制。
		sandbox 属性的值既可以是一个空字符串（应用所有的限制），也可以是空格分隔的预定义值列表（将移除特定的限制）。
	例：带有额外限制的 <iframe>：    
		<iframe src="/come/Index_3" sandbox=" " width="400" height="200"></iframe>
		<iframe src="/come/Index_3" sandbox="allow-scripts" width="400" height="200"></iframe>
		
		如果点击 "获得日期和时间" 按钮会在行内框架中运行一段脚本。
	    由于 sandbox 属性被设置为空字符串 ("")，行内框架的内容不允许运行脚本，甚至会报错。
	    如果向 sandbox 属性添加 "allow-scripts"，则允许运行 JavaScript。
	注释：IE 9 以及更早的版本不支持 sandbox 属性，Opera 12 以及更早的版本也不支持该属性。
	属性值：
		值							描述
		""							应用以下所有的限制。
		allow-same-origin			允许 iframe 内容被视为与包含文档有相同的来源。
		allow-top-navigation		允许 iframe 内容从包含文档导航（加载）内容。
		allow-forms					允许表单提交。
		allow-scripts				允许脚本执行。

sandbox=""：
sandbox=“allow-scripts”：

1.9、scrolling					yes、no、auto					规定是否在 iframe 中显示滚动条。
	语法：<iframe scrolling="value "></iframe>
	定义和用法：
		scrolling 属性规定是否在 iframe 中显示滚动条。
		默认地，如果内容超出了 iframe，滚动条就会出现在 iframe 中。
	例：带有滚动条的 iframe：
		<h3>iframe 中始终显示滚动条：</h3>
        <iframe src="/come/Index_2" width="200" height="200" scrolling="yes"></iframe>
        <h3>iframe 中从不显示滚动条：</h3>
        <iframe src="/come/Index_2" width="200" height="200" scrolling="no"></iframe>
	属性值：
		值			描述
		auto		在需要的情况下出现滚动条（默认值）。
		yes			始终显示滚动条（即使不需要）。
		no			从不显示滚动条（即使需要）。

2.0、seamless					seamless						规定 <iframe> 看上去像是包含文档的一部分。
	语法：<iframe seamless></iframe>
	定义和用法：
		seamless 属性属于逻辑属性。
		当设置该属性后，它规定了 <iframe> 看上去像是包含文档的一部分（无边框或滚动条）。
		浏览器支持： Opera、Chrome 以及 Safari 支持 seamless 属性。
	注释：Opera 12 以及更早的版本不支持 seamless 属性，Safari 5 以及更早的版本也不支持该属性。

2.1、src						URL								规定在 iframe 中显示的文档的 URL。
	语法：<iframe src="value "></iframe>
	属性值：
		值				描述
		URL				规定显示在 iframe 中的文档的地址。
						可能的值：
							绝对 URL - 指向其他站点（比如 src="www.example.com/index.html"） 
							相对 URL - 指向站点内的文件（比如 src="index.html"） 

2.2、width						pixels 、%						定义 iframe 的宽度。
	语法：<iframe width="value "></iframe> 
	属性值：
		值				描述
		pixels			以像素计的高度值（比如 "100px，100"）。
		percent			以包含元素百分比计的高度值（比如 "20%"）。

2.3、srcdoc						HTML_code						规定在 <iframe> 中显示的页面的 HTML 内容。
	语法：<iframe srcdoc=" HTML_code"></iframe>
	提示：该属性与 sandbox 和 seamless 属性一同使用。
		如果浏览器不支持 srcdoc 属性，则将覆盖在 src 属性（若已设置）中规定的内容。
		如果浏览器不支持 srcdoc 属性，则相应地会显示在 src 属性（若已设置）中规定的文件。
		浏览器支持：所有主流浏览器都支持 srcdoc 属性，除了 Internet Explorer。
	注释：Opera 12 以及更早的版本不支持 srcdoc 属性，Safari 5 以及更早的版本也不支持该属性。
	例：带有 srcdoc 属性的 <iframe>：
		<iframe srcdoc="Hello world!" src="/come/Index_2" width="200" height="200"></iframe>
	属性值：
		值					描述
		HTML_code			显示在框架中的 HTML 内容。必须是有效的 HTML 语法。

借鉴于W3C