iframe:是框架的一种形式。

属性:  frameborder=0/1 表示是否显示周围边框 0--否 1--是

     width,height:设置的边框宽高,具体数值不需要加单位,也可用百分比

     marginwidth:设置显示的内容的左右边距;marginheight:设置显示的内容的上下边距

     border:设置边框

     scrolling:是否有滚动条

     src:指定调用的图片或文件

用途:在一个网页中,只有某一部分需要显示另外一个网页,即可以用iframe标签。

解释说明:比如在浏览一个网站时,他会有很多相同类似的地方,比如一个教程,他的每一个页面只有在相应显示教程内容的时候不一样,其余地方均相同,则只需要将其余的部分加载一次,将需要变化的部分放在iframe标签嵌入HTML中,这样可以减少网站加载内容,同时这一部分也可以在不同的地方多次使用。

<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe> 

  src:文件或图片或需要读取的网址的路径。

  width,height:显示这一部分的宽高

  scrolling:显示时内容区域超过设置区域,是否显示滚动条。YES--显示  NO--不显示  、AUTO--默认,自动出现

  frameborder:是否显示部分区域边框宽度。一般情况下均设置为0 ,为了减少内嵌的区域与原来网页的违和感。

例:<iframe src="http://baidu.com/" width="400" height="200" scrolling="yes" frameborder="0"  />(嵌入网站)

例:<Iframe src="aaa.html" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe>(嵌入html文档)

aaa.html:

<html>
<body>
<h1 id="myH1">aaa</h1>
</body>
</html>

可通过修改aaa.html的内容来修改页面中的内容

最新文章

  1. Mysql - 游标/动态sql/事务
  2. [No0000A2]“原始印欧语”(PIE)听起来是什么样子?
  3. jS事件之网站常用效果汇总
  4. Oracle数据库11g基于rehl6.5的配置与安装
  5. PAT1023. Have Fun with Numbers
  6. openOffice将doc在线预览
  7. js事件处理相关-实现一个div的拖拽
  8. IDEA 快捷键整理
  9. Macbook使用技巧
  10. vim note(3)
  11. javascript 拖放效果
  12. CMU机器学习课程-简介
  13. .Net程序员学用Oracle系列(11):系统函数(下)
  14. [Python] Spark平台下实现分布式AC自动机(一)
  15. Linux驱动调试-根据oops的栈信息,确定函数调用过程
  16. 个性化推荐调优:重写spark推荐api
  17. Gitlab安装简明文档
  18. Django_ORM字段_字段参数
  19. SpringBoot+kafka+ELK分布式日志收集
  20. [lr] 基本色调调整和色调曲线

热门文章

  1. css学习笔记 5
  2. ADSafe净网大师----所谓的去广告神器竟然在偷偷推送广告
  3. SQLite3中自增主键归零方法
  4. 关于MySql has gone away问题的解决
  5. ionic 的下拉刷新 与 上拉加载
  6. [原创]WPF资源Binding自定义集合类。
  7. Linux小知识积累
  8. Phonegap中自定义插件的使用
  9. python_bug
  10. 【图像处理】【SEED-VPM】4.串口调试信息