HTML <object> 元素
HTML <object>
元素表示一个外部资源,它可以是一张图片,一个嵌入的浏览上下文,或是一个由插件处理的资源。
使用 <object>
元素在 HTML 加入 Flash 文件:
<object width="400" height="400" data="/examples/helloworld.swf"></object>
特性
内容类别 |
流式内容;短语内容;嵌入内容,可触知内容;如果元素有 usemap 属性,则是交互内容;可列举的可提交的,表单相关内容元素 |
---|---|
允许的内容 | 零到多个 <param> 元素,还有 透明内容模型。 |
标签省略 | 不允许,开始标签和结束标签都不能省略。 |
允许的父元素 | 任何接受嵌入内容的元素。 |
允许的 ARIA 角色 |
application ,document ,image
|
DOM 接口 | HTMLObjectElement |
属性
该元素包含了全局属性。
archive
表示对象的资源归档的 URI 列表,使用空格分隔。
border
控件的边框宽度,以像素为单位。
classid
对象实现的 URI。它可以与 data属性一起使用或代替 data 属性。
codebase
用于解析由 classid,data 或 archive 中指定的相对 URI 的基本路径。如果未指定,则默认值为当前文档的基本 URI。
codetype
由 classid 指定的数据的内容类型。
data
一个合法的 URL 作为资源的地址。data 和 type 至少要定义一个。
declare
设置该布尔值属性表示当前元素只是一个声明。该对象必须由随后的 <object>
元素实例化。在 HTML5 中,完整地重复 <object>
元素可以对资源重用。
form
对象元素关联的表单元素元素(其_表单所有者_)。属性的值必须是同一文档中 <form>
元素的 ID。
height
显示资源的高度,以CSS 像素表示。 - (仅限绝对值。不能是百分比)
name
有效的浏览上下文(HTML5)的名称或控件的名称(HTML 4)。
standby
浏览器在加载对象的实例和数据时可以显示的消息。
tabindex
元素在当前文档的 tab 导航顺序中的位置。
type
由 data 指定的资源的内容类型。data 和 type 至少要定义一个。
typemustmatch
该布尔值属性表示资源的 type 属性和实际内容类型是否必须匹配才能使用。
usemap
对 <map>
元素的哈希名称引用;格式为 '#' 加地图元素的 name
值。
width
显示资源的宽度,以CSS 像素表示。 - (仅限绝对值。不能是百分比)
事件属性
<object>
元素支持所有 HTML事件属性。
使用说明
定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。
<object>
元素用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
object 的初衷是取代 <img>
和 <applet>
元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。
浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。
而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 <object>
和 </object>
之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。
更多实例
嵌入一个 Flash 电影
<!-- Embed a flash movie -->
<object data="movie.swf"
type="application/x-shockwave-flash"></object>
<!-- Embed a flash movie with parameters -->
<object data="movie.swf" type="application/x-shockwave-flash">
<param name="foo" value="bar">
</object>
规范
规范 | 状态 | 备注 |
---|---|---|
HTML Living Standard<object> 的定义 |
现行的标准 | - |
HTML5<object> 的定义 |
推荐 | - |
HTML 4.01 Specification<object> 的定义 |
推荐 | - |
桌面浏览器兼容性
特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
基础支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
archive |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
border |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
classid |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
codebase |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
codetype |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
data |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
declare |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
form |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
height |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
name |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
standby |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
tabindex |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
type |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
typemustmatch |
未知 | 不支持 | 27 | 未知 | 未知 | 未知 |
usemap |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
width |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
移动浏览器兼容性
特性 | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
基础支持 | 支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
archive |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
border |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
classid |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
codebase |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
codetype |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
data |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
declare |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
form |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
height |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
name |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
standby |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
tabindex |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
type |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
typemustmatch |
未知 | 未知 | 不支持 | 27 | 未知 | 未知 | 未知 |
usemap |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
width |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
相关链接
<param>
- HTML 教程:HTML Object 元素