快速了解iframe框架:

本文介绍了iframe的概念和作用,包括其作为文档中的文档和浮动框架的功能。讲解了iframe的使用步骤,强调了参数设置,并提供了代码示例。同时讨论了iframe的自适应和遮罩层问题,给出了实现全屏遮罩的解决方案。
摘要由CSDN通过智能技术生成

项目中遇到一些技术难点总结:

iframe嵌套框架:

你好! 这是我第一次使用 iframe嵌套框架 。如果你想学习如何使用iframe嵌套框架, 可以仔细阅读这篇文章,了解一下iframe的基本用法。

iframe的概念和作用:

这是我对iframe概念和作用的认知和理解,除了官方给出的理解,我简单的总结了一下我对iframe的理解,希望我的理解能帮助到你:

  1. iframe ,可在页面上链接其他页面;
  2. 作用是文档中的文档,或者浮动的框架。iframe元素会创建包含另一个文档的内敛狂降(即行内框架);
  3. 必加参数:sandbox=“allow-same-origin allow-top-navigation allow=farms allow-scripts”;如果想要和无边框的,清新自然的感觉,那么加上frameborder=“0”.
  4. 步骤:
    1.在界面上定义一个iframe的框架

    2.iframe还可作为链接的目标;

    注:
    若想iframe界面能够自适应父界面并且可以调整大小resize,则宽度和高度必须使用百分比模式。
    iframe调用的界面,实际逻辑和父界面的逻辑没有明确的先后。

代码截图:

话不多说,请看代码。
1.这里是 在父界面上定义一个iframe的框架

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值