[转载] 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”一次?

转自http://blog.csdn.net/teresa502/article/details/5577781

时间: 2024-10-12 13:39:45

[转载] iframe嵌入网页的用法的相关文章

vue 使用 &lt;iframe&gt; 嵌入网页 地址实现动态配置

<template> <div id="app"> <iframe style="border:none" :width="searchTableWidth" :height="searchTableHeight" v-bind:src="reportUrl" ></iframe> </div> </template> <scri

最新动态:开源项目 ionic3-awesome — 实现iframe嵌入外部网页

项目地址:https://github.com/alex-0407/ionic3-awesome 从零开始搭建一个ionic3 app,集成更多通用功能,通用组件. 让ionic开发more and more easy! 项目预览: ionic3-awesome 已完成内容: 基本框架搭建 页面懒加载 页面跳转 带logo的二维码生成组件,支持变换样式 多主题 九宫格 iframe嵌入外部网页 Todo: 多语言 通讯录 自定义扫一扫(二维码) 更多组件 更多功能 项目地址:https://gi

腾讯视频嵌入网页的方法 腾讯视频嵌入网页代码

首先,提供一个腾讯视频嵌入网页代码.我们只需替换这段代码的一部分就可以了. <p style="text-align: center"><iframe class="video_iframe" style="z-index:1;" src="http://v.qq.com/iframe/player.html?vid=t01662frswa&width=500&height=375&auto=0

腾讯视频嵌入网页的方法 腾讯视频网页嵌入代码方法

用户做网页的时候,想要网页中嵌入优酷.土豆.爱奇艺的视频播放器很简单,但是将腾讯视频嵌入网页后却不能正常显示,这是怎么回事,那么怎么将腾讯视频嵌入网页并能够正常的播放呢,小编来教教大家. 首先,提供一个腾讯视频嵌入网页代码.我们只需替换这段代码的一部分就可以了. [<p style="text-align: center"><iframe class="video_iframe" style="z-index:1;" src=&

xamarin学习之路 例一、嵌入网页

用Xamarin嵌入网页 1.新建一个页面如下图 相对应当页面代码如下: <?xml version="1.0" encoding="utf-8" ?><ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="Ap

Unity3d:使用uWebKit插件嵌入网页,网页中的flv视频无法播放

问题描述:unity3d程序,使用uWebKit插件嵌入网页,用来播放FLV视频,有的电脑可以正常播放,有的电脑在网页中播放不了ps:网页中的播放器用的是player.swf解决方案:是由于网页中的播放器播放FLV需要Flash Player的支持,1.安装非IE内核版的Flash Player <ignore_js_op> 2.导入Flash Player dll到unity程序中的uWebKit插件文件夹下面NPSWF32_13_0_0_182.dll<ignore_js_op>

在线培训-虚拟演播室嵌入网页直播

什么是虚拟演播室 虚拟演播室(The Virtual Studio System,简称VSS)是近年发展起来的一种独特的电视节目制作技术.它的实质是将计算机制作的虚拟三维场景与电视摄像机现场拍摄的人物活动图像进行数字化的实时合成,使人物与虚拟背景能够同步变化,从而实现两者天衣无缝的融合,以获得完美的合成画面. 介绍2款支持打造虚拟演播室的软件: VMIX: VMIX是软件视频混合器和切换,利用计算机硬件的最新进展,以提供实时的高清视频混合任务.还充当流媒体直播推流软件,能够直接主动推送输出标准的

如何把直播嵌入网页

现在已经是全民直播的时代,有各种各种的方式手段进行直播. 大众比较熟知的直播服务提供商,如YY,斗鱼,乐视等. 像映客,花椒等手机移动端的直播APP也是比比皆是.如非商业模式的直播,上述提到公有云直播方式都可以轻松满足需求.那么对于商业模式的直播,如: 进入互联网的监控直播: 远程教育直播: 美女直播聊天室: 电视台网络直播: 现场活动直播: 会议直播. 以上提到的网络视频直播需求,免费直播平台就会有一些限制: 只能输出标清,不能随意调整输出不同的分辨率等参数: 只能把直播插入到平台提供的带有商

如何生成嵌入网页直播的HTML代码

当今的直播业务发展日新月异的大环境下,若企业.机构.政府.学校官方网站甚至是个人的网站主页,要是没有个直播版块或视频点播版块,应该都不好意思说是官网吧. 难为了管理网站的技术人员,购买第三方的直播点播云服务,小并发还比较适合.但往往会预估并发量比较大,计算下来,用云平台根本不划算. 尤其现在很多直播云平台都不再提供按照流量付费的方式,而转以峰值带宽付费方式.对比下来,最终只有自建直播点播服务器. 那么问题就来了. 如何把直播内容+播放器嵌入到网页上呢?网友们也纷纷提问: ü  HTML怎么添加一