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

HTML之iframe的更多相关文章

  1. 完美判断iframe是否加载完成

    var iframe = document.createElement("iframe"); iframe.style.width = "265px"; ifr ...

  2. js学习笔记：操作iframe

    iframe可以说是比较老得话题了,而且网上也基本上在说少用iframe,其原因大致为:堵塞页面加载.安全问题.兼容性问题.搜索引擎抓取不到等等,不过相对于这些缺点,iframe的优点更牛,跨域请求. ...

  3. 页面嵌入dom与被嵌入iframe的攻防

    1.情景一:自己的页面被引入(嵌入)至别人的页面iframe中 if(window.self != window.top){ //url是自己页面的url window.top.location.hr ...

  4. iframe用法

    <iframe src="http://caiyanli.top/" height="500"  width="500" frameb ...

  5. 如何获取url中的参数并传递给iframe中的报表

    在使用报表软件时,用户系统左边一般有目录树,点击报表节点就会在右侧网页的iframe中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等.如何使网页中的报表能够获取到传递过来的参数 ...

  6. JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)

    1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向 ...

  7. ASP.NET 页面禁止被 iframe 框架引用

    两个站点: a.sample.com b.sample.com a.sample.com 站点中的一段示例 JS 代码: var iframe = document.createElement(&qu ...

  8. 父页面操作iframe子页面的安全漏洞及跨域限制问题

    一.父子交互的跨域限制 同域情况下,父页面和子页面可以通过iframe.contentDocument或者parent.document来交互(彼此做DOM操作等,如父页面往子页面注入css). 跨域 ...

  9. 解决iframe作为子窗口，刷新后iframe页面跳转到其它页面的问题

    转载请在页首注明作者与出处 http://www.cnblogs.com/zhuxiaojie/p/5990262.html 前言: 在开发网站时,尤其是管理后台,我们经常会使用iframe作为内容窗 ...

  10. 三种上传文件不刷新页面的方法讨论：iframe/FormData/FileReader

    发请求有两种方式,一种是用ajax,另一种是用form提交,默认的form提交如果不做处理的话,会使页面重定向.以一个简单的demo做说明: html如下所示,请求的路径action为"up ...

随机推荐

  1. linux发行版基础目录

    linux发行版基础目录 linux 基础目录 linux基础目录 目录 作用 / 根目录,起源 /boot linux引导启动目录 /lib 库目录 /bin 常用内部命令 /sbin 常用内部管理 ...

  2. jQuery滚动数字

    <ul class="dateList"> <li class="one"> <p class="titleName&q ...

  3. Java之流程控制语句

    一.Java条件语句(if...else)    ifelse语法:                                              多重if语法:              ...

  4. redhat自定义安装必选

    redhat自定义安装必选 1.桌面 ked桌面 x 窗口系统 2.应用程序 编辑器 基于文本的互联网 图形互联网 3.服务器 服务器配置工具 万维网服务器 Windows文件 FTP服务器

  5. CentOS_7.2安装Nginx_1.9

    一.安装依赖包和开发工具: yum install vim vim-enhanced wget zip unzip telnet ntsysv compat* apr* nasm* gcc gcc* ...

  6. Sql Server Alter语句

    1:向表中添加字段 Alter table [表名] add [列名] 类型 2:  删除字段 Alter table [表名]  drop column [列名] 3:  修改表中字段类型 (可以修 ...

  7. mysql创建用户及授权相关命令

    移步: https://zhidao.baidu.com/question/1576368583039067980.html

  8. pwnable.kr-flag

    题目: 使用 file 命令查看下载回来的 flag 文件,发现是一个64位的 ELF 可执行程序.通过查看,发现其具有明显的 UPX 压缩标志,所以解压之. 使用命令upx –d 进行脱壳,如果没有 ...

  9. C++ 知道虚函数表的存在

    今天翻看陈皓大大的博客,直接找关于C++的东东,看到了虚函数表的内容,找一些能看得懂的地方记下笔记. 0 引子 类中存在虚函数,就会存在虚函数表,在vs2015的实现中,它存在于类的头部. 假设有如下 ...

  10. 浅谈对ionic项目的理解

    在思考怎么将客户端app连接到服务器的时候,就在想ionic项目的本质是什么,一开始因为ionic serve这一命令,我以为它自己就是个服务器,但是后来一细想又感觉不是这样,不然客户端又该怎么和服务 ...