您的位置: 首页 > 生活常识 >

iframe属性大全(iframe标签使用技术详解)

868次浏览     发布时间:2024-04-20 13:33:31    

iframe标签相比大家知道这个标签,但是用的人也算比较少,毕竟性能问题,iframe标签是html标签的一种是文档里面包含着另外一个文档。因为在管理后台(dedecms,thinkcmf,layui)等上面大量有运用到iframe技术,所以值得拿出来深入的研究下。

iframe标签基础:


iframe代码判断示例:
<iframe src="http://www.baidu.com"></iframe>
可以看的出代码结构是非常简单的,iframe里的width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数,则默认为auto);frameborder 边框大小;frameborder 属性规定是否显示 iframe 周围的边框;align:left、right、top、middle、bottom。用于规定如何根据周围的元素来对齐此框架。不赞成使用。请使用样式代替。srcdoc 属性规定页面的 HTML 内容显示在行内框架中。allowfullscreen值是true和false,是否允许iframe全屏,默认为false。allowtransparencytrue or false是否允许iframe设置为透明,默认为false。


iframe结合JavaScript操作

我们通常把iframe理解为盒子,而这个盒子跟传统的div盒子不一样,里面的内容是由window对象,父级window对象,顶级window对象三个来控制,就是说我们自定义的css标签对于iframe的页面是没有任何影响的。用iframe.contentWindow, 获取iframe的window对象来改变iframe对应的状态。

iframe的安全性问题


毕竟iframe是可以嵌套来嵌套去,所以你的页面也有可能被一些不法的网站给嵌套过去。那么我们就要懂点防嵌套技术。
用JavaScript判断是否是本域操作,如果不是的话,禁止行为并且提示。代码如下:
if(window != window.top){ window.top.location.href = correctURL;

}

如果大家有更多的iframe操作的话,欢迎留言区互相的探讨谢谢。

相关文章
  • 激光美白嫩肤效果怎么样?明显吗   2023-10-18 18:09:09

      护肤已经成为和吃饭喝茶一样必做的事情,尤其是对于女性。很多人皮肤天生比较暗黑,也因年龄因素导致肌肤暗黄粗糙,要想保持年轻容颜选择激光美白。那么,激光美白嫩肤的效果怎么样?  激

  • 电脑系统坏了怎么修复?4招解决   2023-10-18 18:03:36

    电脑系统使用的时间久后容易出现各种故障问题,比如说常见的电脑蓝屏,黑屏,电脑无法开机等情况。当遇到这些情况的时候,很多人都不知道该怎么解决。那么电脑系统坏了怎么修复呢?下面就给大家

  • 前脚掌疼是怎么回事(为什么会脚底板痛?或与这7因素有关,八个方法可有效缓解)   2023-10-18 18:02:53

    脚板底痛是生活中十分常见的一种症状,虽然不是什么严重的疾病,但是会让人十分的不舒服。所以下面就让我们看一下脚底板痛的原因,以及缓解脚底板痛的一些方法吧!  脚底板疼痛的原因:1、如

  • 油性皮肤如何美白最快?很多人都没搞懂,难怪用大牌也是浪费   2023-10-18 17:58:54

    美白护肤方法多、产品丰富,但是为什么有人用了就是白不了呢?因为大家在尝试各种美白方法时,忘了非常重要的一步:分清肤质做美白。不同肤质的人变黑的原因各不相同,也不单单是用美白精华就能

  • 如何自制美白面膜介绍7款美白面膜的自制做法   2023-10-18 17:57:27

    所谓一白遮百丑,夏天是最容易晒黑的一个季节。皮肤稍不留意就会被晒黑,如何快速美白呢?今天给大家带来的就是自制美白面膜让你快速美白。蕃茄加蜂蜜将蕃茄搅拌成蕃茄汁后,加入适量蜂蜜调匀成

  • 电脑选购——电脑哪种品牌比较好   2023-10-18 17:56:52

    手提电脑哪个牌好?这个没有一个绝对的答案,与其说哪个电脑牌子最好,还不如说哪个牌子的哪款电脑更适合自己。下面来看看世界笔记本电脑排名,或许你就知道手提电脑哪个牌好了。1.联想Thi