怎么制作一个好的iframe,iframe各个属性详细分析,个人拙见 iframe
程序员文章站
2022-06-12 12:33:14
...
iframe作为一个网站之间交互的桥梁,受到很多站长的喜爱,但是又有不安全的因素存在,所以正确填写属性是很重要的。
<iframe name="my_iframe" height="540" width="100%" frameborder="0"
marginwidth="0" marginheight="0" scrolling="no" border="0"
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个属性比较重要,着中了解下最好。
<iframe name="my_iframe" height="540" width="100%" frameborder="0"
marginwidth="0" marginheight="0" scrolling="no" border="0"
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个属性比较重要,着中了解下最好。
上一篇: Mysql 查询日志slow