`

iframe、object、embed引用区别

阅读更多

iframe、object、embed引用有什么区别,要在父页里显示子页的内容,里面那种方法更好?
<iframe   src= "test.html "   width= "100% "   height= "100% "> </iframe>

 <object   width=100%   height=100%   type=text/html   data=test.htm> </object>

 <embed   src= "test.html "   width= "100% "   height= "100% "> </embed>  

观察效果时除看不到有什么不同,不知道有不人有能说清楚,三种引用方式之间的区别?性能,速度,服务器资源占用......等等


跟服务器没有关系

 第一种是常规用法

 第二第三种会在页面加载后才显示

 
 <iframe src= "test.html " width= "100% " height= "100% "> </iframe$amp;>amp;$nbsp;
只能放页面吧

 

用法

一、背景
A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,在D中跳转页面的写法区别如下。


二、JS跳转
window.location.href、location.href 本页面跳转,D页面跳转
parent.location.href 上一层页面跳转,C页面跳转
top.location.href 最外层页面跳转,A页面跳转


三、链接或者form
D页面中有form
<form>: form提交后D页面跳转
<form target="_blank">: form提交后弹出新页面
<form target="_parent">: form提交后C页面跳转
<form target="_top"> : form提交后A页面跳转


四、刷新
parent.location.reload():C页面刷新
window.opener.document.location.reload():C页面刷新(使用子窗口的opener对象来获得父窗口对象)
top.location.reload():A页面刷新


<object width=100% height=100% type=text/html data=test.htm> </object$amp;>amp;$nbsp;
可以放组件

<EMBED> 是用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU 等等,Netscape 及 IE 都支持。其参数设定较多。如下下:

  <EMBED src="音乐地址.MP3" autostart="true" loop="true" hidden="true">

 * src="your.mid"
设定 midi 档案及路径。

* autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。

* loop="true"
是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。

* HIDDEN="true"
是否完全隐藏控制画面,true 为是,no 为否 (内定)。

* STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。

* VOLUME="0-100"
设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定。

* WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")

 * ALIGN="center"
设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

 * CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板   
smallconsole 较小的面板   
playbutton 只显示播放按钮   
pausecutton 只显示暂停按钮   
stopbutton 只显示停止按钮   
volumelever 只显示音量调节按钮

 

技巧:
EMBED支持基本所有的媒体文件,有许多参数可以省略,这样就不必管它是什么格式的媒体文件。以下语法格式是简化了的格式:
<EMBED src=音乐文件的URL hidden=布尔值 loop=布尔值 autostart=布尔值 widht=数值 height=数值$amp;>amp;$lt;/EMBED>
其中,布尔值为true或false,true为真,false为假。当hidden=false时,界面为不可见,那么,高与宽也就不用设置了——也就是要到 autostart 即可。autostart是自动播放,取值应为true。

分享到:
评论

相关推荐

    html标签之Object和EMBED标签详解

    定义和用法 定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。... &lt;object&gt; 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 ...如果未显示 object 元素,就会执行位

    embed使用,embed播放多媒体

    ### 三、embed与iframe和video的区别 虽然`embed`常用于多媒体播放,但与`iframe`和`video`标签有所不同: - **iframe**:主要用于嵌入整个网页,而不是单一的媒体资源。它可以加载任何HTML页面,而不仅仅是多媒体...

    Html 标签embed 动态显示

    在实际应用中,`&lt;embed&gt;`和`&lt;iframe&gt;`各有优缺点。`&lt;embed&gt;`通常用于嵌入多媒体文件,而`&lt;iframe&gt;`更适合嵌入完整的页面。需要注意的是,两者都涉及到跨域问题,如果嵌入的内容来自不同的源,需要确保源之间允许跨域...

    flex嵌入html的容器

    3. 使用`&lt;iframe&gt;`结合`&lt;object&gt;`或`&lt;embed&gt;`嵌入Flex IFrameDemo可能利用`&lt;iframe&gt;`来加载一个包含`&lt;object&gt;`或`&lt;embed&gt;`标签的HTML页面。这样做的好处是可以使Flex应用与主页面隔离,避免样式冲突和JavaScript...

    Iframe详解,多种功能实现的源代码

    Iframe常被用来实现各种功能,如加载外部内容、创建浮动菜单、实现背景音乐和视频播放等。在本篇文章中,我们将深入探讨如何使用Iframe以及与之相关的代码示例。 首先,透明Flash背景的实现是通过设置`wmode`参数为...

    PDFObject网页显示pdf

    6. **事件处理**:PDFObject不提供内置的事件监听器,但你可以直接对`&lt;object&gt;`或`&lt;iframe&gt;`元素添加自己的事件监听器,以响应PDF加载、错误或关闭等事件。 7. **安全性考虑**:确保你的PDF文件托管在一个安全的...

    IntraWeb开发web网站时如何制作页面嵌套?

    这种嵌套不仅仅限于HTML元素之间的嵌套,还涉及到了HTML文档如何嵌入其他文档或资源,如iframe、object、embed等元素的使用,以及CSS和JavaScript等技术如何辅助实现复杂的页面结构和交互效果。 在后台管理系统中,...

    IntraWeb开发web网站时如何制作手机页面?

    这种嵌套不仅仅限于HTML元素之间的嵌套,还涉及到了HTML文档如何嵌入其他文档或资源,如iframe、object、embed等元素的使用,以及CSS和JavaScript等技术如何辅助实现复杂的页面结构和交互效果。 在后台管理系统中,...

    IntraWeb开发Web网站时对数据库“增、删、改、查”的操作

    这种嵌套不仅仅限于HTML元素之间的嵌套,还涉及到了HTML文档如何嵌入其他文档或资源,如iframe、object、embed等元素的使用,以及CSS和JavaScript等技术如何辅助实现复杂的页面结构和交互效果。 在后台管理系统中,...

    web-embed-builder

    例如,通过创建和设置`&lt;iframe&gt;`元素,可以轻松地将视频、地图、社交媒体插件等第三方服务嵌入到网页中。 此外,考虑到现代Web应用对性能和响应式设计的需求,"web-embed-builder"可能会包含对模块化和响应式布局的...

    如何前端实现在线预览pdf、word、xls、ppt等文件

    object标签可以实现pdf预览功能,这个标签可以提供更好的交互性和灵活性,且可以与iframe标签使用差别较小。 方式六:使用PDFObject实现预览 PDFObject是一个基于javascript的pdf预览工具,可以实现pdf预览功能,且...

    jQuery多媒体插件jQuery Media Plugin使用详解

    它根据当前的脚本配置,自动将a标签替换成div,并生成object, embed甚至是iframe代码,至于生成object还是embed,jQuery Media会根据当前平台自动判别,因此兼容性方面非常出色。下面这段代码是jQuery Media生成后的...

    淘宝装修代码大全

    保持layer在最前面,而不被Iframe、Object所覆盖  在Layer中再插Iframe 或 Object 设z-Index值  &lt;div z-Index:2&gt;&lt;object xxx&gt;&lt;/object&gt; # 前面  &lt;div z-Index:1&gt;&lt;object xxx&gt;&lt;/object&gt; # ...

    好玩的swf.zip

    在HTML中,可以使用`&lt;object&gt;`、`&lt;embed&gt;`或`&lt;iframe&gt;`标签来插入SWF内容,提供给用户在浏览器中查看和互动。 关于HTML调用SWF文件的方式,这里有一些关键点: 1. `&lt;object&gt;`标签:这是最常用的方式,允许设置额外...

    flex技术文档编写欣赏作者

    接着,添加一个`&lt;iframe&gt;`标签,设置其ID,以便之后在JavaScript中引用。`iframe`标签应绝对定位,并设置透明背景,以便覆盖在Flex应用上。 ```html &lt;iframe id="myFrame" name="myFrame" frameborder="0" style=...

    PHP在线PDF,防百度百科

    至于在线打开PDF文件,PHP通常不会直接在浏览器中渲染PDF,而是通过两种主要方式来实现:一是利用IFrame嵌入PDF,二是使用HTML5的`&lt;object&gt;`或`&lt;embed&gt;`标签。IFrame可以加载PDF文件,让浏览器默认的PDF阅读器来显示...

    php上传ppt到后直接显示

    3. **嵌入SWF到HTML**:转换完成后,使用HTML `&lt;embed&gt;` 或 `&lt;object&gt;` 标签将SWF文件嵌入到网页中,供用户观看。 ### HTML嵌入文档预览 无论是通过Google Docs API还是PPT转SWF,最终的目标都是在网页上实现文档...

    HTML特效代码大全

    设置`z-index`属性,确保Layer不会被Iframe或Object覆盖: ```html ; top:0; z-index:2"&gt;&lt;iframe ...&gt;&lt;/iframe&gt; ; top:0; z-index:1"&gt;&lt;object ...&gt;&lt;/object&gt; ``` 以上是HTML特效代码大全中的一些例子,这些...

Global site tag (gtag.js) - Google Analytics