博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iframe详细用法
阅读量:4441 次
发布时间:2019-06-07

本文共 1726 字,大约阅读时间需要 5 分钟。

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

  例子1
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>
不用多说了。
  width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 autoyesno,如果省略这个参数,则默认为auto);frameborder  边框大小;
  注意:URL建议用绝对路径
  传说中百DU用:<iframe width=0 height=0 frameborder=0 scrolling=auto src=WWW .xhit.cn></iframe>
黑了88*8。。。
  例子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=  frameborder=no scrolling=no  width=776  height=2500></iframe>
 控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0;控制框架覆盖上部分的深度 vspace=-170 
  scrolling滚动条要否(autoyesno   frameborder框架的边框大小,width=776  height=2500此框架的大小。
  一、页面内加入iframe
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>
scrolling表示是否显示页面滚动条,可选的参数为autoyesno,如果省略这个参数,则默认为auto
  二、超链接指向这个嵌入的网页,只要给这个iframe命名就可以了。方法是<iframe name=**>,例如我命名为aa,写入这句HTML语言<iframe width=420 height=330 name=aa frameborder=0 src=></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=" </IFRAME>
<IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME>
<IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME>

转载于:https://www.cnblogs.com/zhujiabin/p/4500167.html

你可能感兴趣的文章
MYSQL中数据类型介绍
查看>>
评估软件上线标准
查看>>
敏捷开发流程
查看>>
APP兼容性测试(三)测试方案设计
查看>>
React的性能优化 - 代码拆分之lazy的使用方法
查看>>
React的新特性 ---- Hooks ---- 的基本使用
查看>>
History Introduction to Mining Industry of Czech
查看>>
富文本框
查看>>
mysql 恢复备份
查看>>
LeetCode-Create Maximum Number
查看>>
Process Class (System.Diagnostics)
查看>>
Core Animation系列之CADisplayLink
查看>>
dedecms标签调用大全
查看>>
《与小卡特一起学Python》Code1
查看>>
[ZJOI2007]捉迷藏 (点分树+堆*3)
查看>>
leetcode 412. Fizz Buzz
查看>>
对Netflix Ribbon的Loadbalancer类源码设计合理性的一点质疑
查看>>
关于日历的算法
查看>>
[QT编程]QT实现的一个渐隐渐显窗体
查看>>
在Web工程中引入Jquery插件报错解决方案
查看>>