说明

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

格式语法:


注:该URL指向不同的网页。

height 和 width 属性用来定义iframe标签的高度与宽度。属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%")。


frameborder 属性用于定义iframe表示是否显示边框。  设置属性值为 "0" 移除iframe的边框:


使用iframe来显示目标链接页面iframe可以显示一个目标链接的页面目标链接的属性必须使用iframe的属性,如下:


注:框架标签的页面不能写在

示例

<html lang="en"><head><meta charset="UTF-8"><title>示例演示title>head><body><iframe src="demo_iframe.html" width="40%" height="100px" frameborder="0">iframe><p>一些旧的浏览器不支持 iframe。p><p>如果浏览器不支持 iframes 则不会显示。p><iframe src="demo_iframe.html" width="10%" height="100px">iframe><br><iframe src="demo_iframe.html" name="iframe_a">iframe><p><a href="http://www.baidu.com" target="iframe_a">baidu.coma>p>body>html>

效果:

点击baidu.com后效果如下:

码上加油站

一起来加油

长按扫码关注

点“在看”你懂得

iframe嵌套显示整个页面_【HTML】框架标签lt;iframegt;相关推荐

  1. iframe嵌套其它网站页面详解

    iframe基本内涵 通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了. <iframe src="demo_iframe_sandbox.htm" ...

  2. iframe嵌套跨域名页面问题处理

    iframe嵌套跨域名页面问题 工作中使用iframe嵌套页面处理请求,遇到的问题.现记录以下,针对当前时期的浏览器.2022.12.09 问题列表 手机QQ内iframe嵌套页面失败,这个无法处理, ...

  3. iframe嵌套其它网站页面及相关知识点详解

    在开发过程中会遇到需要 在一个页面中嵌套另外一个页面,就要使用到框架 标签,然后指定src就可以了. 基本语法: <iframe src="需要展示的网站页面的URL"> ...

  4. 使用Iframe嵌套其他系统页面遇到的跨域问题

    之前需要将一个其他的系统页面集成到现在主要使用的一个平台上,因为这个系统使用的是jsp的页面,另一个是augular的页面,并且为了保持项目的完整性和较小的改动,所以使用了iframe来将另一个页面集 ...

  5. cshtml的a标签跳转页面_朋友圈标签来了!热门流量关键词带动视频号、小程序、搜一搜...

    用户其实并不会按照你的内容多少来决定它的时间分配,但我觉得这是很合理的. 2019 年 1 月,张小龙在广州的微信公开课 Pro 上进行了一场 4 小时的超时演讲,在演讲中,他举了一个和朋友圈相关的例 ...

  6. sharepoint页面嵌入_在其他系统Iframe中显示SharePoint 页面

    前段时间在做一个项目,要求将SharePoint 的 OWA(Office Web Apps)中的文档显示页面嵌入到另外一个OA系统中,提供给用户可以通过浏览器查看SharePoint文档的能力. 嵌 ...

  7. iframe嵌套其它网站页面 全屏设置

    今天在使用iframe时,发现嵌套页面中有个[全屏]功能,不好使,查了一下,发现iframe还有1个属性allowfullscreen设置,可以设置是否支持全屏,默认是false,现在把iframe的 ...

  8. 前端app调起摄像头 只显示在页面_猫也能看得懂的教程之一分钟使用Vue搭建简单Web页面...

    本教程适合人群: 已经了解过过html.js.css,想深入学习前端技术的小伙伴 有前端开发经验.但是没有使用过Vue的小伙伴 有过其他编程经验,对前端开发感兴趣的小伙伴 学习本教程之后你将会: 了解 ...

  9. 显示外部页面_前端设计-响应式页面开发基础

    随着终端设备类型的丰富,设备尺寸的型号也越来越多,如果实现前端页面在不同终端设备中,按照设备的尺寸型号进行自动布局,保证良好的人际交互体验效果,已经成为网页前端设计所需要考虑的问题,当前支持响应式开发 ...

最新文章

  1. sudo brew install mongodb报错
  2. class() 高级用法 -- lua
  3. 做中间件的这两年总结(201704-201905)
  4. Spring mvc参数类型转换
  5. facebook 分享页面_Facebook个人资料,页面和组之间有什么区别?
  6. 星河经纬加入会员可靠吗_珍爱网免费相亲可靠吗?女会员处境艰难红娘为她重拾勇气...
  7. 探索软件设计模式(二)
  8. Ros学习笔记(六)Launch启动文件
  9. 企业级 Docker Registry--harbor安装和简单使用
  10. 华为存储iscsi配置_使用华为存储配置ISCSI存储方法和iSCSI建立连接提示目标错误...
  11. idea社区版本生成类图
  12. 使用pdfbox-2.0.1.jar将pdf转换成图片,并且可自定义图片大小
  13. java打印表情包_表情包生成器
  14. Oracle如何根据一个日期计算同比环比的日期
  15. 免费开源解压缩软件7-Zip
  16. MySQL慢查询及解决方案
  17. 计算机所有用户ev,EV屏幕共享(电脑屏幕共享助手)V1.0.1 免费版
  18. 《信号与系统学习笔记》—z变换(一)
  19. unity3d实现第一人称射击游戏之CS反恐精英(六)(朝准星位置发射子弹,更换弹夹 )
  20. 使用原始的XML资源

热门文章

  1. Stringtie进行转录本组装和定量
  2. java 行为模式_java – 模式匹配行为
  3. 构建聊天机器人:检索、seq2seq、RL、SeqGAN
  4. 第五章 RNA-seq分析
  5. DNA RNA 蛋白质
  6. 第三代测序之Pacific Biosciences
  7. linux history(命令历史)
  8. windows10远程控制 电脑,远程桌面
  9. tf.estimator的用法
  10. 时间序列(三)滑动窗口