火力光波的博客

火一般的热情光一样的速度

日志

关于我

火力光波

文章分类

HTML <object>属性与用法

2009-08-28 21:26:52| 分类：常用标签 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

（如你是在论坛、圈子里阅读此文，建议你点击“查看原文”！）

定义和用法

定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的

对象的数据和参数，以及可用来显示和操作数据的代码。

object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。

浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型。

而幸运的是，object 对象提供了解决方案。如果未显示 object 元素，就会执行位于 <object> 和 </object>

之间的代码。通过这种方式，我们能够嵌套多个 object 元素（每个对应一个浏览器）。

实例与提示

向 HTML 代码添加一个对象：

提示：<param> 标签定义用于对象的 run-time 设置。

不要对图像使用 <object> 标签，请使用<img> 标签代替。

属性及属性值

可选的属性

属性	值	描述	DTD
align	left right top bottom	定义围绕该对象的文本对齐方式。	TF
archive	URL	由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源。	STF
border	pixels	定义对象周围的边框。	TF
classid	class ID	定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值，此属性可用来指定浏览器中包含的对象的位置，通常是一个 Java 类。	STF
codebase	URL	定义在何处可找到对象所需的代码，提供一个基准 URL。	STF
codetype	MIME type	通过 classid 属性所引用的代码的 MIME 类型。	STF
data	URL	定义引用对象数据的 URL。如果有需要对象处理的数据文件,要用 data 属性来指定这些数据文件。	STF
declare	declare	可定义此对象仅可被声明，但不能被创建或例示，直到此对象得到应用为止。	STF
height	pixels	定义对象的高度。	STF
hspace	pixels	定义对象周围水平方向的空白。	TF
name	unique_name	为对象定义唯一的名称（以便在脚本中使用）。	STF
standby	text	定义当对象正在加载时所显示的文本。	STF
type	MIME_type	定义被规定在 data 属性中指定的文件中出现的数据的 MIME 类型。	STF
usemap	URL	规定与对象一同使用的客户端图像映射的 URL。	STF
vspace	pixels	定义对象的垂直方向的空白。	TF
width	pixels	定义对象的宽度。	STF

标准属性

id, class, title, style, dir, lang, xml:lang

如需完整的描述，请访问标准属性。

事件属性

accesskey, tabindex, onclick, ondblclick, onmousedown, onmouseup,   onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如需完整的描述，请访问事件属性。

来源：HTML <object> 标签

显示一幅图片：

显示一张网页：

可以播放音频：

可以播放视频：

可以显示日历：

可以显示图形：

可以显示 flash 动画：

来源：Object 元素

评论这张

转发至微博

阅读(5248)| 评论(14)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_082068085080088074080095087095092086086071081094095066',
              blogTitle:'HTML <object\>属性与用法',
              blogAbstract:'<P align=\"center\" \><FONT color=\"#999999\" size=\"2\" \>（如你是在论坛、圈子里阅读此文，建议你点击“<A target=\"_blank\" href=\"http://xuhui-8491.blog.163.com/blog/static/80745891200972892652732/\" \>查看原文</A\>”！）</FONT\></P\>  <P align=\"center\" \><FONT face=\"楷体_GB2312\" color=\"#ff00ff\" size=\"4\" \>定义和用法 </FONT\></P\>  <P align=\"center\" \><FONT size=\"2\" \>定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的</FONT\></P\>  <P align=\"center\" \><FONT size=\"2\" \>对象的数据和参数，以及可用来显示和操作数据的代码。</FONT\></P\>  <P align=\"center\" \><FONT size=\"2\" \><object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。</FONT\></P\>  <P align=\"center\" \><FONT size=\"2\" \>object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。</FONT\></P\>  <P align=\"center\" \><FONT size=\"2\" \>浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型。</FONT\></P\>',
              blogTag:'',
              blogUrl:'blog/static/80745891200972892652732',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1316814168842,
              publishTime:1251466012732,
              permalink:'blog/static/80745891200972892652732',
              commentCount:14,
              mainCommentCount:14,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/80745891200972892652732">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

火力光波的博客

导航

日志

HTML <object>属性与用法

历史上的今天

最近读者

热度

评论

页脚