iframe怎么使用(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
--
框架的宽度
iframe的使用
话不多说，先上效果图~
上级交代任务，说在页面里用上iframe来链接其他页面。那么初次听说这个名词的时候第一件事肯定是去百度这是个啥？度娘是这么说的?
通俗的说：是一个类似于网页上小广告的那个弹窗。也就是可以实现在本页面上显示其他页面内容的功能。
那么！该怎么使用呢？
接着往下看
首先！在你需要加上iframe功能的页面加上一句话
是的没错，就这样结束了。
划重点：
1.sandbox="allow-same-origin allow-top-navigation allow-forms allow-scripts"
这个参数是必须要加的，否则出来的界面是空白一片。
2.如果想要无边框的，清新自然的感觉，那么加上frameborder="0"
iframe的属性介绍：
怎样使用iframe，在网页中插入页面
第一步：需要建立两个页面1.html与2.html,把2.html插入1.html
第二步：在1.html中使用iframe/iframe标签
例如：iframe src=".../2.html"/iframe
这样就插入了2.html页面。
拓展分析：
如果需要控制插入页面的大小等其他属性
例如：iframe src=".../2.html" style="width:**px;height:**px;"/iframe
如果需要嵌入的页面可以滚动，添加scrolling属性，yes为滚动，no相反；
例如：iframe src=".../2.html" scrolling=no style="width:**px;height:**px;"/iframe
如果需要设置这个嵌入网页的边框，则添加frameBorder属性
例如：iframe src=".../2.html" frameBorder=0 scrolling=no style="width:**px;height:**px;"/iframe
如果需要设置嵌入网页到边距的距离，添加属性marginwidth、marginheight等
例如：iframe src=".../2.html" frameBorder=0 scrolling=no marginwidth=0 marginheight=0 style="width:**px;height:**px;"/iframe