iframe 内联框架

Posted 万里冰封

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe 内联框架相关的知识,希望对你有一定的参考价值。

Iframe - 设置高度和宽度

height 和 width 属性用于规定 iframe 的高度和宽度。

属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")。

实例

<iframe src="demo_iframe.html" width="200" height="200"></iframe>

 

Iframe - 删除边框

frameborder 属性规定是否显示 iframe 周围的边框。

设置属性值为 "0" 就可以移除边框:

实例

<iframe src="demo_iframe.html" frameborder="0"></iframe>


使用 iframe 作为链接的目标

iframe 可用作链接的目标(target)。

链接的 target 属性必须引用 iframe 的 name 属性:

<!DOCTYPE html>
<html>
<body>

<iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>

<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

<p><b>注释:</b>由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。</p>

</body>
</html>







以上是关于iframe 内联框架的主要内容,如果未能解决你的问题,请参考以下文章

jquery.jqprint.js怎么设置iframe宽高

HTML,VUE,嵌入iframe,实现iframe的100%高度和宽度,代码分享

如何将 iFrame 的高度和宽度设置为与 WKWebView 框架相同?

iframe自适应高度设置(iframe自适应高度和宽度)

如何将 iframe 高度和宽度设置为 100%

如何设置fancybox iframe的高度和宽度