iframe嵌入网页的用法

iframe并不是很常用的，在标准的网页中非常少用。但是有朋友经常问到，下面我简单地介绍一下它的用法，你只要熟练掌握这些参数足矣。
<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>
　　在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢？下面笔者介绍用iframe来实现的方法。
　　iframe元素的功能是在一个文档里内嵌一个文档，创建一个浮动的帧。其部分属性简介如下：

　　name：内嵌帧名称
　　width：内嵌帧宽度(可用像素值或百分比)
　　height：内嵌帧高度(可用像素值或百分比)
　　frameborder：内嵌帧边框
　　marginwidth：帧内文本的左右页边距
　　marginheight：帧内文本的上下页边距
　　scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示)
　　src：内嵌入文件的地址
　　style：内嵌文档的样式(如设置文档背景等)
　　allowtransparency：是否允许透明
　　明白了以上属性后，我们可用以下代码实现，在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中：
　　〈iframe name="import_frame" width=100%
　　　height=80 src="samper.htm" frameborder=auto〉
　　〈/iframe〉
　　不错吧，马上“Ctrl+C”、“Ctrl+V”试试。
　　有时我们为强调页面的某项内容，想让它先于页面的其他内容显示。同样用iframe即可轻松实现：
　　先把要强调显示的内容另存为一个文件，如first.htm，然后通过一个预载页index.htm，内容如下：
　　〈meta http-equiv="refresh" content="3,url=index2.htm"〉
　　〈body〉
　　页面加载中，请稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉
　　〈/body〉
　　主文件index2.htm
　　〈body〉
　　〈iframe src="first.htm"加入其他属性限制〉〈/iframe〉
　　〈/body〉
　　first.htm的内容就会先于页面的其他内容出现在您的浏览器里了，是不是很简单？再“Ctrl+C”、“Ctrl+V”一次？

iframe嵌入网页的用法相关推荐

[转载] iframe嵌入网页的用法
iframe并不是很常用的,在标准的网页中非常少用.但是有朋友经常问到,下面我简单地介绍一下它的用法,你只要熟练掌握这些参数足矣. <iframe>也应该是框架的一种形式,它与<f ...
html天气插件iframe,分享常用7款天气预报代码iframe嵌入网页方式
如果在网站上加入天气预报功能,你找不到更好的天气预报代码,可以看下本站和大家分享的7款天气预报代码iframe嵌入网页方式. 天气预报代码1 src='http://appnews.qq.com/cg ...
iframe嵌入网页时，页面大小怎么自适应
问题描述: 页面中有一容器div,有宽高属性.在div中嵌入一个iframe页面,呈现这种效果: 可以看到嵌入的页面只露出了一部分. 而我们希望:嵌入的页面能够完整无遮挡的展示在容器中. 整体思路:利 ...
Chrome浏览器中使用 iframe 嵌入网页导致视频不能全屏的问题解决方法
今天无意中测试了下在 iframe 中嵌入视频, 发现全屏按钮在 Chrome 浏览器中居然无效, 试了好几个视频网站的视频都不能全屏, 但在其他浏览器中似乎都很正常, 应该是 Chrome 60 新 ...
iframe标签中写html代码,Iframe嵌套HTML网页的用法?
iframe嵌入网页的用法 iframe并不是很常用的,在标准的网页中非常少用.但是有朋友经常问到,下面我简单地介绍一下它的用法,你只要熟练掌握这些参数足矣. 也应该是框架的一种形式,它与不 ...
element ui 弹出网页像layui弹出url一样 iframe element ui 弹出层嵌入网页
element ui 弹出层嵌入网页 <template><div id="app"><img src="./assets/logo.png ...
用IFRAME实现网页的内嵌和预载
用IFRAME实现网页的内嵌和预载在HTM(HTML)文件中是否可以像PHP.ASP文件一样嵌入其他文件呢?下面笔者介绍用iframe来实现的方法. iframe元素的功能是在一个文档里内嵌一个文档 ...
Flex-iframe在SWF中嵌入网页的组件（推荐）
Flex-iframe在SWF中嵌入网页的组件(推荐) 以前就使用过IFrame组件嵌入网页了,当时是因为要使用已经做好的网页,就上网查找相关资料,就发现了IFrame,当时版本还是1.3.2啦,勉强 ...
PHP如何实现嵌入网页功能思路
1.首先生成需要展示的html静态页面. 2.我们可以使用 <?php header("Content-Type:text/html;charset=GB2312"); if ...

iframe嵌入网页的用法

iframe嵌入网页的用法相关推荐

最新文章

热门文章