iframe用法总结

最新推荐文章于 2023-03-31 10:18:49 发布
最新推荐文章于 2023-03-31 10:18:49 发布
阅读量1.1k 收藏
点赞数
分类专栏： @NET 文章标签： iframe 框架 url html border 图形
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangpeixian/article/details/2607325
版权

<iframe>是框架的一种形式，也比较常用到。

    例子1
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>


　　width插入页的宽；height插入页的高；scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto）；frameborder  边框大小；

　　注意：URL建议用绝对路径

　　<iframe width=0 height=0 frameborder=0 scrolling=auto src=WWW .webjx.com></iframe>

　　例子2。

　　如果一个页面里面有框架。。随便点页面里的连接，要求在这个<iframe> 里打开。在iframe 中加入name=** （**自己设定）

<iframe name=**  ></iframe>

　　然后在修改默认打开模式，：网页HEAD中加上<a href=URL target=**>或部分连接的目标框架设为（**）

　　例子3。

　　要插入一个页面。要求只拿中间一部分。其他的都不要。，。。

　　代码：

<iframe name=123  align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src="http://www.webjx.com/"  frameborder=no scrolling=no  width=776  height=2500></iframe>

　　控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0；控制框架覆盖上部分的深度 vspace=-170

　　scrolling滚动条要否（auto、yes、no）   frameborder框架的边框大小，width=776  height=2500此框架的大小。

　　一、页面内加入iframe

           <iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>，
         scrolling表示是否显示页面滚动条，可选的参数为auto、yes、no，如果省略这个参数，则默认为auto。

　　二、超链接指向这个嵌入的网页，只要给这个iframe命名就可以了。方法是<iframe name=**>，例如我命名为aa，写入这句HTML语言<iframe width=420 height=330 name=aa frameborder=0 src=http://www.cctv.com></iframe>，然后，网页上的超链接语句应该写为：<a  href=URL target=aa>

　　三、如果把frameborder设为1，效果就像文本框一样

　　透明的IFRAME的用法

　　必需IE5.5以上版本才支持

　　在transparentBody.htm文件的<body>标签中，我已经加入了style="background-color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解：

<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME>

<IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME>

<IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME>

<IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME>

<iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe>


<IFRAME>用于设置文本或图形的浮动图文框或容器。
BORDER
<IFRAME BORDER="3"></IFRAME>
设定围绕图文框的边缘宽度
FRAMEBODER
<IFRAME FRAMEBODER="0"></IFRAME>
设置边框是不否为3维（0=否，1=是）

HEIGHT,WIDTH
<IFRAME HEIGHT="31" WIDTH="88"></IFRAME>
设质边框的宽度和高度

SCROLLING
<IFRAME SCROLLING="NO"></IFRAME>
是否有滚动条（YES,NO,AUTO)

SRC
<IFRAME SRC="GIRL.GIF"></IFRAME>
指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*)

wangpeixian
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IFrame简单例子
05-26
IFrame
HTML iframe 用法总结收藏
09-28
iframe是框架的一种形式，也比较常用到。
iframe简单使用实例
程序大视界
12-07 1万+
IFRAME是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架（即行内框架）。 iframe 的优缺点 优点： 　　重载页面时不需要重载整个页面，只需要重载页面中的一个框架页（减少数据的传输，减少网页的加载时间）； 　　技术简单，使用方便，主要应用于不需要搜索引擎来搜索的页面； 　　方便开发，减少代码的重复率（比如页面的he...
【HTML基础-3】iframe框架详解及应用案例—实现页面嵌套
m0_64378913的博客
03-26 1万+
目录1 iframe框架概述2 iframe常用属性2.1 name属性2.2 src属性2.3 width属性2.4 height属性2.5 frameboder属性2.6 其他3 应用案例4 归纳参考文章 1 iframe框架概述 作用：< iframe > 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。即在一个页面中引入另一个页面，实现页面之间的嵌套。可以把需要的文本放置在 < iframe > 和 < /iframe
iframe 详解、案例
一个懒惰前端的博客
10-25 3372
iframe 详解、案例
网页iframe框架常见的应用例子
阿酷tony
02-22 2177
网页iframe框架常见的应用例子，网页iframe框架常见的调用例子
IE iframe的onload方法分析小结
01-21
看其代码才明白，真正意义上来讲IE在创建一个新的iframe时的onload方法需要使用attachEvent来绑定，而原来就存在的iframe的onload方法，则可以直接绑定。 说的有些乱，大家看代码，一看便知： 代码如下: <ifr
详解iframe跨域的几种常用方法(小结)
11-26
随着业务的发展，自然地会有一些公共的业务被抽离成为公共组件共各个项目使用。但是由于各个项目用到的技术栈都有所不同，所以这个公共组件就不能方便地被引用了。为解决这个问题，我们把这个组件写成了单独的页面挂...
HTML中iFrame标签的两个用法介绍
12-13
简言之就是将喜欢的图片收藏到布兜页面上来，这其中用到了很多关于iframe的方面，总结如下：　1. 作为弹出层铺底覆盖 　大家如果做过那种黑色遮罩盖住整张页面，而碰巧用户用的是IE6，更碰巧的是页面上有select元素...
iframe中用到的例子
weixin_30455365的博客
04-10 77
<view:qrytr> <view:qrytdcolspan="4"> <iframeid="ccbl"width="100%"src="<%=webapp%>/spscqycc/spscqyccAction!ccbllist.dhtml?map.rwzj=${map.RWZJ}"frameBorder=...
iframe使用实例
08-09
iframe使用实例，简单名了，演示iframe的基本功能
iframe实例
10-11
html中非常实用的iframe实例，里面有2个例子，保证你看了后就明白其用法
Iframe实例
09-13
Frame可以在网页内嵌入另一个页面，类似“画中画”形式。 　　在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。
分享三个iframe自适应高度的例子
toplover2的linux学习博客
09-27 687
本文介绍下，iframe自适应高度的例子，方便初学的朋友学习参考。 不说理论了，直接上iframe实例。 页面，0.htm： 测试 链接1 链接2 1.htm： 第一个连接 一草一木 脚本学堂_www.jbxue.com 脚本学堂_www.jbxue.com 四通八达 脚本学堂 六安市 不一样的致青春。 来吧朋友，来吧朋友。 九月份 北京欢迎
iframe的基本介绍与使用
qq_45799465的博客
03-31 3万+
一、iframe的基本介绍 二、iframe的基本使用 三、iframe的属性介绍 四、iframe注意事项 五、iframe的URL传参方法 六、iframe的postMessage（）传参方法
前端学习（38）：css颜色小练习
歌谣的博客
12-07 337
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
iframe使用
weixin_43842373的博客
03-31 8955
文章目录iframe的常用属性iframe 的常见使用方式一、获取 window 对象父页面获取子页面的window对象子页面获取父页面的window对象二、父子页面之间的传值方式通过 postMessage 进行通信通过本地存储进行通信通过 url 进行通信 iframe的常用属性 属性 说明 name 规定 frame 的名称 width 设置 frame 的宽度 height 设置 frame 的高度 src 设置在 frame 中显示的页面 frameborder 是
iframe标签用法详解
热门推荐
时光流水的博客
11-05 12万+
        iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内容，为了更好的效果，可能需要使iframe透明效果，那么就需要了解更多的iframe属性。 1、iframe 定义和用法         iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 HTML 与 XHTML 之间的差异         在 HTML 4.1 Strict D...
iframe标签的使用
weixin_44767973的博客
12-07 2万+
iframe标签支持 HTML 中的全局属性： iframe标签支持 HTML 中的事件属性：如Window 事件属性、Form 事件、Keyboard 事件、Mouse 事件、Media 事件等 iframe常用的元素属性：IFrame 对象代表 HTML iframe 元素。可使用 getElementById() 来访问 iframe 元素。如： var iframe = document.getElementById(“iframe”); var iwindow = iframe.cont
jq调用iframe的方法
最新发布
07-27
回答: 要使用jQuery调用iframe的方法，可以使用以下代码：$("#iframeSon").attr("src", "http://www.example.com"); 这个代码将会把iframe的src属性设置为"http://www.example.com"，从而改变iframe中显示的内容。\[2\] #### 引用[.reference_title] - *1* *2* *3* [jquery 操作iframe的几种方法总结](https://blog.csdn.net/aliao9583/article/details/101129666)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值