iframe怎么使用?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe怎么使用?相关的知识,希望对你有一定的参考价值。

iframe怎么使用

下面的例子使用了
IFRAME
元素创建了包含页面
sample.htm
的框架。
<IFRAME
ID=IFrame1
FRAMEBORDER=0
SCROLLING=NO
SRC="sample.htm"></IFRAME>
iframe
标签
--
代表html内联框架
iframe标签是成对出现的,以<iframe>开始,</iframe>结束
*
属性
name
--
定义了内容页名称,此名称在框架页内链接时使用到
frameborder
--
定义了内容页的边框,取值为(1|0),缺省值为1
marginwidth
--
定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定
marginheight
--
定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
align
--
垂直或水平对齐方式
height
--
框架的高度
width
--
框架的宽度
参考技术A iframe 参考技术B �<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分。我们举第一个例子,具体代码如:
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>,这里的URL可以是相对路径,也可以是绝对路径,

width表示宽度,height表示宽度,可根据实际情况调整。
��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,效果就像文本框一样

参考资料:http://zhidao.baidu.com/question/12200783.html?si=1&wtp=wk

本回答被提问者采纳

iframe子页怎么获取父页的window对象

参考技术A 1、父页面中的iframe
复制代码 代码如下:
<iframe name="parentPage"></iframe>
2、子页面中元素的属性
复制代码 代码如下:
<input type="text" id="date" data-dojo-type="dijit/form/DateTextBox" value="2013-11-12"/>
3、取子页面中DateTextBox中值
复制代码 代码如下:
var statisDate = window.frames["parentPage"].document.getElementById('date').value;本回答被提问者和网友采纳

以上是关于iframe怎么使用?的主要内容,如果未能解决你的问题,请参考以下文章

JS怎么实现页面刷新时,页面中的iframe不刷新

iframe子页面样式怎么在父页面修改

在vue中使用iframe标签

怎么禁止iframe父页面刷新页面

子iframe 怎么访问 父的 iframe方法

java springmvc项目 iframe执行方法多次怎么办