HTML5技术

正确制作一个iframe,认识iframe - 33xyx

字号+ 作者:H5之家 来源:H5之家 2016-08-23 17:00 我要评论( )

iframe作为一个网站之间交互的桥梁,受到很多站长的喜爱,但是又有不安全的因素存在,所以正确填写属性是很重要的。 iframe frameborder="0" marginwidth="0" marginheight="0" scrolling="no" src="http://www.33xyx.com"security="restricted" sandbox="al

iframe作为一个网站之间交互的桥梁,受到很多站长的喜爱,但是又有不安全的因素存在,所以正确填写属性是很重要的。

 

<iframe frameborder="0"
       marginwidth="0" marginheight="0" scrolling="no"
       src="http://www.33xyx.com" security="restricted"
       sandbox="allow-forms allow-scripts allow-same-origin">

 

 

属性分析:

1,name id 不用介绍了吧,就是通过关键词来应用操作iframe

2,height width 就是定义iframe的宽度高度,有数字或者百分比

3,frameborder是否显示边框1或0

4,marginheight marginwidth 定义iframe顶部到底部的边距 左边到右边的边距

5,scrolling iframe是否可以滚动

6,src="http://www.33xyx.com" 这个大家都知道,替换成自己的网站即可

7,security="restricted" 我理解就是iframe的东西不能控制父页面的东西,有人会使用top.location.href=""来控制跳转,所以自己衡量是否需要加上

8, sandbox="allow-forms allow-scripts allow-same-origin"把iframe当做一个沙盒模式来使用,允许那些权限,我是允许他提交表单和脚本执行和同源操作。最后的2个属性比较重要,着中了解下最好。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 网站logo正确写法,个人拙见,不喜勿喷 - 33xyx

    网站logo正确写法,个人拙见,不喜勿喷 - 33xyx

    2016-08-23 15:00

  • 如何独立开发一个网络请求框架 - 指尖下的幽灵

    如何独立开发一个网络请求框架 - 指尖下的幽灵

    2016-08-15 11:00

  • CSS3制作动画的三个属性 - 木昜

    CSS3制作动画的三个属性 - 木昜

    2016-08-12 13:00

  • 【无私分享】干货!!!一个炫酷的自定义日历控件,摆脱日历时间选择烦恼,纯福利~ - 南尘

    【无私分享】干货!!!一个炫酷的自定义日历控件,摆脱日历时间选择

    2016-08-12 12:00

网友点评
a