<object>

  • 版本网址缩略名: HTML/Element/object
  • 版本标题: <object>
  • 版本 id: 465113
  • 创建于:
  • 创建者: TimZhao
  • 是否是当前版本?
  • 评论

修订内容

概要

HTML <object> 元素(或者称作 HTML 嵌入对象元素)表示一个外部资源,可能是一张图片,一个嵌入的浏览上下文,或者一个插件所使用的资源。

属性

元素包含全局属性

{{htmlattrdef("archive")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
用来指名对象资源列表的以空格分隔的 URI 列表。
{{htmlattrdef("border")}} {{deprecatedGeneric('inline','HTML4.01')}}; {{obsoleteGeneric('inline','HTML5')}}
元素周围的边框的宽度,单位为像素。
{{htmlattrdef("classid")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
对象实现的 URI,可以同时与 data 属性使用,或者使用 data 属性替代。
{{htmlattrdef("codebase")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
解析 classiddata 或者 archive 中定义的相对路径的根路径,如果没有定义,默认为当前文档的 base URI。
{{htmlattrdef("codetype")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
classid 定义的 data 的内容类型。
{{htmlattrdef("data")}}
一个合法的 URL 作为资源的地址,,需要为 datatype 中至少一个设置值。
{{htmlattrdef("declare")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
取值为布尔的属性可以设置这个元素为仅声明的格式。对象必须被随后的 <object> 元素实例化。在 HTML5 中,完整的重复 <object> 元素,可以重用元素。
{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}
对象元素关联的 form 元素(属于的 form)。 取值必须是同一文档下的一个 {{HTMLElement("form")}} 元素的 ID。
{{htmlattrdef("height")}}
资源显示的高度,单位是 CSS 像素。
{{htmlattrdef("name")}}
浏览上下文名称(HTML5),或者控件名称(HTML 4)。
{{htmlattrdef("standby")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
对象的实现和数据加载过程中,浏览器可以显示的信息。
{{htmlattrdef("tabindex")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}
当前元素在文档 Tab 导航中的顺序。
{{htmlattrdef("type")}}
data 指定的资源的 MIME 类型,需要为 datatype 中至少一个设置值。
{{htmlattrdef("usemap")}}
指向一个 {{HTMLElement("map")}} 元素的 hash-name;格式为 ‘#’ 加 map 元素 {{htmlattrxref("name", "map")}} 元素的值。
{{htmlattrdef("width")}}
资源显示的宽度,单位是 CSS 像素。

Examples

<!-- Embed a flash movie -->
<object data="move.swf" type="application/x-shockwave-flash"></object>

<!-- Embed a flash movie with parameters -->
<object data="move.swf" type="application/x-shockwave-flash">
  <param name="foo" value="bar">
</object> 

Specifications

Specification Status Comment
{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-object-element', '<object>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'the-object-element.html#the-object-element', '<object>')}} {{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', 'objects.html#h-13.3', '<object>')}} {{Spec2('HTML4.01')}}  

Browser compatibility

{{CompatibilityTable}}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support {{CompatVersionUnknown}} {{CompatGeckoDesktop("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support {{CompatVersionUnknown}} {{CompatGeckoMobile("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}

See also

  • {{HTMLElement("param")}}

{{HTML:Element_Navigation}}

修订版来源

<h2 id="Summary">概要</h2>
<p><strong>HTML <code>&lt;object&gt;</code> 元素</strong>(或者称作 <em>HTML 嵌入对象元素</em>)表示一个外部资源,可能是一张图片,一个嵌入的浏览上下文,或者一个插件所使用的资源。</p>
<ul class="htmlelt">
  <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>; <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>; <a href="/en-US/docs/HTML/Content_categories#Embedded_content" title="HTML/Content categories#Embedded content">embedded content</a>, palpable content; if the element has a <strong>usemap</strong> attribute, <a href="/en-US/docs/HTML/Content_categories#Interactive_content" title="HTML/Content categories#Interactive content">interactive content</a>; <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">listed</a>, <a href="/en-US/docs/HTML/Content_categories#Form_submittable" title="HTML/Content categories#Form submittable">submittable</a>&nbsp;<a href="/en-US/docs/HTML/Content_categories#Form-associated_content" title="HTML/Content categories#Form-associated content">form-associated</a> element.</li>
  <li><dfn>Permitted content</dfn> zero or more {{HTMLElement("param")}} elements, then <a href="/en-US/docs/HTML/Content_categories#Transparent_content_models" title="HTML/Content categories#Transparent content models">Transparent content</a>.</li>
  <li><dfn>Tag omission</dfn> {{no_tag_omission}}</li>
  <li><dfn>Permitted parent elements</dfn> Any element that accepts <a href="/en-US/docs/HTML/Content_categories#Embedded_content" title="HTML/Content categories#Embedded content">embedded content</a>.</li>
  <li><dfn>DOM interface</dfn> {{domxref("HTMLObjectElement")}}</li>
</ul>
<h2 id="Attributes">属性</h2>
<p><span style="line-height: 21px;">元素包含</span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">全局属性</a><span style="line-height: 21px;">。</span></p>
<dl>
  <dt>
    {{htmlattrdef("archive")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    用来指名对象资源列表的以空格分隔的 URI 列表。</dd>
  <dt>
    {{htmlattrdef("border")}} {{deprecatedGeneric('inline','HTML4.01')}}; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    元素周围的边框的宽度,单位为像素。</dd>
  <dt>
    {{htmlattrdef("classid")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    对象实现的 URI,可以同时与 <strong>data</strong> 属性使用,或者使用 <strong>data</strong> 属性替代。</dd>
  <dt>
    {{htmlattrdef("codebase")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    解析 <strong>classid</strong>,<strong>data</strong> 或者 <strong>archive</strong> 中定义的相对路径的根路径,如果没有定义,默认为当前文档的 base URI。</dd>
  <dt>
    {{htmlattrdef("codetype")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    <strong>classid</strong> 定义的 data 的内容类型。</dd>
  <dt>
    {{htmlattrdef("data")}}</dt>
  <dd>
    一个合法的 URL 作为资源的地址,,需要为 <strong>data</strong> 和 <strong>type </strong>中至少一个设置值。</dd>
  <dt>
    {{htmlattrdef("declare")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    取值为布尔的属性可以设置这个元素为仅声明的格式。对象必须被随后的 <code>&lt;object&gt; 元素实例化。在</code> HTML5 中,完整的重复 &lt;object&gt; 元素,可以重用元素。</dd>
  <dt>
    {{htmlattrdef("form")}} {{HTMLVersionInline(5)}}</dt>
  <dd>
    对象元素关联的 form 元素(属于的 form)。 取值必须是同一文档下的一个 {{HTMLElement("form")}} 元素的 ID。</dd>
  <dt>
    {{htmlattrdef("height")}}</dt>
  <dd>
    资源显示的高度,单位是 CSS 像素。</dd>
  <dt>
    {{htmlattrdef("name")}}</dt>
  <dd>
    浏览上下文名称(HTML5),或者控件名称(HTML 4)。</dd>
  <dt>
    {{htmlattrdef("standby")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    对象的实现和数据加载过程中,浏览器可以显示的信息。</dd>
  <dt>
    {{htmlattrdef("tabindex")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    当前元素在文档 Tab 导航中的顺序。</dd>
  <dt>
    {{htmlattrdef("type")}}</dt>
  <dd>
    <strong>data</strong> 指定的资源的 MIME 类型,需要为 <strong>data</strong> 和 <strong>type </strong>中至少一个设置值。</dd>
  <dt>
    {{htmlattrdef("usemap")}}</dt>
  <dd>
    指向一个 {{HTMLElement("map")}} 元素的 hash-name;格式为 ‘#’ 加 map 元素 {{htmlattrxref("name", "map")}} 元素的值。</dd>
  <dt>
    {{htmlattrdef("width")}}</dt>
  <dd>
    资源显示的宽度,单位是 CSS 像素。</dd>
</dl>
<h2 id="Examples">Examples</h2>
<pre class="brush: html">
&lt;!-- Embed a flash movie --&gt;
&lt;object data="move.swf" type="application/x-shockwave-flash"&gt;&lt;/object&gt;

&lt;!-- Embed a flash movie with parameters --&gt;
&lt;object data="move.swf" type="application/x-shockwave-flash"&gt;
  &lt;param name="foo" value="bar"&gt;
&lt;/object&gt; 
</pre>
<h2 id="Specifications" name="Specifications">Specifications</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Specification</th>
      <th scope="col">Status</th>
      <th scope="col">Comment</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-object-element', '&lt;object&gt;')}}</td>
      <td>{{Spec2('HTML WHATWG')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML5 W3C', 'the-object-element.html#the-object-element', '&lt;object&gt;')}}</td>
      <td>{{Spec2('HTML5 W3C')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', 'objects.html#h-13.3', '&lt;object&gt;')}}</td>
      <td>{{Spec2('HTML4.01')}}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Feature</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoDesktop("1.0")}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Feature</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoMobile("1.0")}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="See_also">See also</h2>
<ul>
  <li>{{HTMLElement("param")}}</li>
</ul>
<p>{{HTML:Element_Navigation}}</p>
恢复到这个版本