zoukankan      html  css  js  c++  java
  • HTML之iframe

    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的内容来修改页面中的内容

  • 相关阅读:
    Windows 8的语音识别
    硬件驱动程序的知识点滴
    怎么将一张100KB以上大小的电子图片压缩成30KB以内
    Hadoop概念学习系列之Hadoop新手学习指导之入门需知(二十)
    Hadoop概念学习系列之Hadoop、Spark学习路线(很值得推荐)(十八)
    研究生,别再玩了,你玩不起!
    redis源代码解读之内存管理————zmalloc文件
    线段树之入门篇
    C#托付和事件
    dlmalloc 2.8.6 源代码具体解释(6)
  • 原文地址:https://www.cnblogs.com/huixinyudeboke/p/5502740.html
Copyright © 2011-2022 走看看