Iframe用法

最近用了Iframe,以前没有用过这个,所以记录一下用法!

本文如果有什么不对的地方,希望大神们多多指教,也希望和我一样的小菜多多学习。BZ在这里谢过各位。

Iframe只有简单的一行代码而已:

<iframe name="iframepage" id="iframepage" style="height:1000px;width:100%;overflow-x:hidden;" scrolling="no" frameborder="0" src="/PhaseControl/Index"></iframe>

Iframe的属性如下(style就不细说了):

scrolling:表示是否在 iframe 中显示滚动条。有三个值Yes、No、Auto,默认为Auto。

frameborder:表示是否显示Iframe周围边框。有两个值 1 、0。

src:表示Iframe 中显示的文档的 URL,注意可以为空。

PS:着重说明一下src可以为空这个方法,如果你想要点击以后才让Iframe做出相应的动作。那就可以

将src路径设置为空,采用JS的:$("#iframepage").attr("src", "/XXXControl/XX");

下面介绍一下H5的一些新属性:

sandbox:表示启用一系列对 <iframe> 中内容的额外限制,可选限制类型为四种:allow-forms,

allow-same-origin,allow-scripts,allow-top-navigation。

seamless:表示<Iframe>看上去像是包含文档的一部分。

srcdoc:表示在 <iframe> 中显示的页面的 HTML 内容。

以上就是H5的一些新的属性。

非常感谢各位观看本博客,BZ希望和更多的小菜一起成长,同样也希望大神们提出建议。如果有不足之处还望各位不吝赐教!再次感谢各位!

posted @ 2016-08-24 09:59  XL、  阅读(351)  评论(0编辑  收藏  举报