定义和用法

  • iframe 元素会创建包含另外一个文档的内联框架(即行内框架)
  • 把需要的文本放置在 和 之间,这样就可以应对无法理解 iframe 的浏

    IFrame 对象

  • IFrame 对象代表一个 HTML 的内联框架
  • 在 HTML 文档中 每出现一次,一个 IFrame 对象就会被创建。
  • 属性

  • frameborder = 1或0 规定是否显示边框
  • height =pixels 或 % 规定iframe的高度
  • width = pixels 或 % 规定iframe的宽度
  • src =URL 规定在iframe中显示的文档的URL
  • <html><head><title>iframe标签</title><meta charset="utf-8"></head><body><iframesrc="http://www.baidu.com " width="100%" height="300px"frameborder="0"></iframe></body>
    </html>

    内联框架

    <html><head><title>我的第iframe跳转页面</title><meta charset="utf-8"></head><body><a href="http://www.baidu.com" target="myFrame">百度</a><a href="http://www.qq.com" target="myFrame">QQ</a><a href="http://www.sohu.com/" target="myFrame">搜狐</a><iframe name="myFrame"width="100%"frameborder="0"height="100%"></iframe></body>
    </html>
    

    [学习链接](https://www.w3school.com.cn/jsref/dom_obj_iframe.asp)

HTML iframe 标签相关推荐

  1. html5父子页面数据传递,使用iframe标签嵌套页面时 如何进行父子页面通讯/传值...

    父页面使用iframe标签引入子页面 (使用本地文件) 父页面 function myFunction(e) { console.log("我是父页面的方法") } 引入本地路径的 ...

  2. 通过iframe标签绕过csp

    iframe.php代码如下: allow-popups开启时,window.open就可以打开新的窗口. 看csp规则,默认是在当前域内,如果这是一个ctf题的话,就很简单了,window.loca ...

  3. (诡异事件)iframe标签后面的alert不执行

    今天做项目的过程中,发现一个非常奇怪的事情.iframe标签后面的js 不执行? 把代码贴出来,看看有没有大牛碰到这种情况.谢谢. <html xmlns="http://www.w3 ...

  4. div iframe 显示html,IE中iframe标签显示在DIV之上的问题解决方案

    在做网页时前端时,使用IE打开时会出现标题栏DIV被遮挡PDF遮挡, 后在stackoverflow中查到是IE浏览器的问题:链接https://stackoverflow.com/questions ...

  5. html中的a标签、img标签、iframe标签、列表标签

    一. a标签 <a href="路径" target="打开方式">内容</a> 1.页面跳转: 2.定位:①设定锚点:在要定位到的位置 ...

  6. iframe标签里面的页面元素只读

    iframe标签里面的页面元素只读,可以通过设置一个只读的透明div进行遮罩实现. html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 ...

  7. iframe标签(属性介绍(sandbox、srcdoc、scrolling)、iframe对象、onload事件、父集获取iframe内节点(同源和不同源情况)、domain修改规则和示例)

    目录 iframe标签 属性简要汇总 部分属性详细介绍 align fameborder height|width marginheight|width name sandbox scrolling ...

  8. 前端iframe标签介绍及使用

    使用的场景: (1) 有重复的板块内容显示的时候 # 后端如果是模板渲染方式(得到页面是通过继承的形式),可以换成iframe来请求直接获取子功能页面 iframe标签的作用: iframe标签可以实 ...

  9. iframe标签中写html,html页面中嵌套iframe标签,我们可以用html中的iframe标签搞定

    iframe嵌入网页的用法 iframe并不是很常用的,在标准的网页中非常少用.但是有朋友经常问到,下面我简单地介绍一下它的用法,你只要熟练掌握这些参数足矣. 也应该是框架的一种形式,它与不 ...

最新文章

  1. OpenCV编程案例:使用轮廓函数检测连通区域
  2. 代码实战 | 用LeGO-LOAM实现地面提取
  3. 【转】Oracle SPARC SuperCluster全能王:不改大道至简本色
  4. @ConfigurationProperties 注解
  5. boost::mp11::mp_unique_if相关用法的测试程序
  6. flask处理cookie
  7. mysql_表_操作
  8. 在 ASP.NET Core 中安装 MVC
  9. Windows 运行... 可执行的命令
  10. opencv 常用操作 c++
  11. 服务器配置能连多少个小程序,每个服务器能配置多少小程序
  12. 【Python】彩色图片转为灰度图(4行脚本搞定)
  13. 小D课堂 - 零基础入门SpringBoot2.X到实战_第9节 SpringBoot2.x整合Redis实战_37、分布式缓存Redis介绍...
  14. 表单验证 靠name获取
  15. cpu性能参数如何看?
  16. 在谷歌浏览器中安装IE Tab插件
  17. 边缘计算:发展与挑战
  18. ce游戏逆向修改之植物大战僵尸
  19. 轻量应用服务器腾讯云,腾讯云轻量应用服务器 ECS云服务器使用对比
  20. codeforces 574B 暴力+复杂度分析

热门文章

  1. 台式电脑键盘错乱会出现计算机模式怎么办,​键盘按键错乱能修吗?台式电脑键盘按键错乱怎么修复?...
  2. channel(3) 一 基本定义
  3. 初学Singleton单例模式
  4. 笔记怎么放思维导图图片
  5. el tree 双击事件
  6. google 云开启 ssh 账号密码登录
  7. 一度智信:电商推广计划
  8. 【源码分析】Android触摸事件的分发拦截
  9. 深度解析:一文让你领略支付宝应用架构的厉害之处!
  10. 经典重写alert方法