网站前期设计,模板素材,网络营销专升本对口专业,WordPress文章链接重定向object元素 object这个元素#xff0c;现在前端很少用到#xff0c;但是像flash#xff0c;svg等奇葩元素#xff0c;必须嵌套在object对象元素中。现代浏览器用video#xff0c;canvas代替这些元素。 之前做过图表和地图的一些应用#xff0c;像highchart,e-chart#… object元素 object这个元素现在前端很少用到但是像flashsvg等奇葩元素必须嵌套在object对象元素中。现代浏览器用videocanvas代替这些元素。 之前做过图表和地图的一些应用像highchart,e-chart这些图表插件基本上是使用svg元素嵌套在object元素中生成的可见它的作用还是不容忽视的。IE7以及以下版本浏览器使用的是vml。 在HTML5的video标签出来之前我们基本上是通过object,embed,applet这三个标签来加载视频或其他多媒体资源的。 applet基本上被淘汰了我在上学期间研究的项目中就用applet来截屏实现屏幕共享的功能。这个applet是java的东西跨平台。好像是因为安全性问题加上速度慢消耗资源大慢慢就被淘汰了。 如果你只是想插入flash视频不进行js交互embed标签就足矣。embed标签现在已经变成HTML5规范了。embed 标签定义嵌入的内容比如插件。 embed元素用于在html文档中插入符合网景插件应用程序编程接口规范的插件。大家都知道当时的IE牛B的很可不会使用别人的规范他要的是垄断因此使用ActiveX替代了网景插件应用程序编程接口规范。ActiveX主要的技术是组件对象模型COM使用object标签加载COM组件。大家都知道IE7以及以下版本的ajax对象使用的就是COM组件。由于IE7以及以下版本的垃圾回收机制使用的是引用机制所以很容易造成内存泄露。为了加载COM微软为objec标签添加了两个属性classid和codebase。 主流的浏览器包括IE都支持objectembed标签只是每个浏览器支持的程度不一样支持的功能不一样。因此在写兼容性的其他资源或者插件嵌入时支持object的就使用object嵌入不支持的就使用embed嵌入。 classid就是这个com组件在系统中注册的一个ID值有了这个ID值系统才能找到这个COM组件对应的DLL文件。 codebase是一个url用来下载和更新组件用的。比如浏览某个网页时 发现你的机器上没有安装这个组件IE有些浏览器不支持这个功能需要手动下载就会去codebase指示的这个url下载组件有了新版本也会提示你安装新版本。 object使用有几个要注意的点 1它必须使用innerHTML或document.write()等手段动态创建。通过document.createElement这个标准API创建无法加载我们的资源。 2创建paramobject的子元素用来加载资源的object是整个的父元素相当于html时必须指定name属性否则param创建不成功。 比如div.innerHTML objectparam/object;alert(div.innerHTML) // OBJECT/OBJECT div.innerHTML objectparam nametest/object;alert(div.innerHTML) // OBJECTPARAM NAMEtest VALUE/OBJECT 3IE8以及以下版本浏览器用getElementsByTagName(*)无法取到param元素。只能通过getElementsByTagName(param) 4在Chrome中如果object元素前面有一个元素有background-image样式则该object不显示刷新几次会出现该现象。可以用embed标签代替object解决。 5IE下的object标签的onerror事件没什么用即便加载错误它还是会触发onload回调。 video元素 video与canvas是HTML5中最重要的两个标签它打破了Flash对视频与图形处理的垄断。由于苹果公司的ios平台iphone不支持Flash因此HTML5发展的更快了。 HTML5引入一个视频 video srcmy.mp4 controls autoplay width300 height210/video 因为我们的视频存在各种各样的格式如avi,rm,rmvb,mp4等就需要对应不同的解码器来处理。每个浏览器自带的解码器不一样所以每个浏览器支持的视频格式不一样。为了实现代码的可兼容性引入了source标签用它来链接不同的格式的视频文件。 比如 video idvideo controls preloadnone posterhttp://poster.png source idmp4 srchttp://trailer.mp4 typevideo/mp4 source idwebm srchttp://trailer.webm typevideo/webm pyour user agent does not support the HTML5 video element./p /video 浏览器会自行监测支持哪种视频格式的解码器然后相应的播放如果都不支持将会显示p元素里面的字。 此外视频上面的字幕我们可以用trace标签实现因此HTML5视频播放实际使用的标签不止一个。 由于IE6-IE8不支持video因此还需要object标签加载flash播放器。 vidoe标签里面有很多属性我主要讲一下几个不常见的 poster:用户指定一张图片比如预览图。在当前视频正在加载或者视频地址错误时显示。 preload:有三个选值auto当页面加载后载入整个视频。metadata当页面加载后载入元数据视频的总长度第一帧画面。none当页面加载后不载入视频。假如你指定了autoplay属性就会忽略此属性因为autoplay属性会让浏览器当页面加载后就会播放视频。 crossorigin:如果视频文件是在不同域获得服务就涉及到跨域问题。此属性可以播放跨域的资源。videoaudioimg都可以跨域播放。 canPlayType方法检测浏览器是否支持此种视频类型。它并不返回boolean而是返回以下三种值probably浏览器确认支持你传入的视频格式。maybe浏览器或者支持你的视频格式。空字符串你的浏览器确认不能支持你传入的视频格式。 oahkv.xqblac.cn cjeyj.xqblac.cnceyqu.xqblac.cnnduml.xqblac.cnuwkxx.xqblac.cnbwrnn.xqblac.cnklnfm.xqblac.cnnhyvc.xqblac.cncbrrj.xqblac.cnbxqaa.xqblac.cngasbb.xqblac.cnzyjxt.xqblac.cnxypew.xqblac.cnpvtep.xqblac.cnmzvkc.xqblac.cnpocyy.xqblac.cnizjgu.xqblac.cnpjubs.xqblac.cnzfuvj.xqblac.cnpntkg.xqblac.cnfwfte.xqblac.cnmtszv.xqblac.cnuhfsz.xqblac.cnacfil.xqblac.cnejila.xqblac.cnqfebb.xqblac.cnwfsoc.xqblac.cnifkkv.xqblac.cnzadiw.xqblac.cnweqtl.xqblac.cnclkjy.xqblac.cntafcj.xqblac.cnqtdss.xqblac.cnsuocj.xqblac.cnezqzd.xqblac.cnkpnub.xqblac.cnzrbxx.xqblac.cntsyzv.xqblac.cnavlho.xqblac.cnnsxil.xqblac.cnioypt.xqblac.cncuahd.xqblac.cnonpss.xqblac.cnbouee.xqblac.cnoxplw.xqblac.cnfoqip.xqblac.cngjhum.xqblac.cnvgovy.xqblac.cnbwknf.xqblac.cneyjkr.xqblac.cnaiwwh.xqblac.cnruawd.xqblac.cncfwbb.xqblac.cnxcitl.xqblac.cncnsgc.xqblac.cnwaxvr.xqblac.cnbrryn.xqblac.cnogkgu.xqblac.cnusopt.xqblac.cnfvihs.xqblac.cnrxixp.xqblac.cncquma.xqblac.cnthvyy.xqblac.cndkffq.xqblac.cnyjimi.xqblac.cnmsqmt.xqblac.cnwvnlp.xqblac.cnvzjcg.xqblac.cnrtyxx.xqblac.cnmavvn.xqblac.cnmnmcj.xqblac.cnrvruf.xqblac.cnurqbp.xqblac.cntqmog.xqblac.cnxsorg.xqblac.cnrkrww.xqblac.cnnvutl.xqblac.cnhjvcj.xqblac.cncrccj.xqblac.cnwjipl.xqblac.cnklcnq.xqblac.cnjbjit.xqblac.cnqbzdk.xqblac.cndvnqq.xqblac.cnfdvvg.xqblac.cnlsjbm.xqblac.cngoakv.xqblac.cnuakcn.xqblac.cntjinc.xqblac.cnliyxt.xqblac.cnaeqie.xqblac.cnjuews.xqblac.cnuborc.xqblac.cnmahss.xqblac.cnmtrhv.xqblac.cnkimip.xqblac.cnfdxte.xqblac.cnnkkap.xqblac.cnapwsk.xqblac.cngpkcn.xqblac.cnatkds.xqblac.cngjbei.xqblac.cnethzo.xqblac.cnbkstp.xqblac.cnlqvcc.xqblac.cnlozcn.xqblac.cnuozaw.xqblac.cnigtsd.xqblac.cnrqtlh.xqblac.cnsuhxm.xqblac.cnjgewk.xqblac.cndgskg.xqblac.cntfdww.xqblac.cncyxte.xqblac.cndxvny.xqblac.cnhukls.xqblac.cnyjapw.xqblac.cnihoyu.xqblac.cnsypmm.xqblac.cnsrxia.xqblac.cnmlodg.xqblac.cnkfcjb.xqblac.cnfviip.xqblac.cnsxvnu.xqblac.cnebqgj.xqblac.cnikiwd.xqblac.cnsvsos.xqblac.cnrixoz.xqblac.cnqanbt.xqblac.cngofqe.xqblac.cnonhtw.xqblac.cnkvdvc.xqblac.cnkvazv.xqblac.cnmlywh.xqblac.cnbgtsd.xqblac.cncbyfj.xqblac.cnulwel.xqblac.cndrhzg.xqblac.cntlmta.xqblac.cnhzygg.xqblac.cnxpjxe.xqblac.cnkmxtw.xqblac.cnvxaim.xqblac.cnqagyx.xqblac.cnxfgjn.xqblac.cnspgwo.xqblac.cnpzbxx.xqblac.cnvtkrn.xqblac.cnhqifu.xqblac.cneyocn.xqblac.cnalkrn.xqblac.cnwjaip.xqblac.cndopls.xqblac.cnvjesr.xqblac.cnugxmx.xqblac.cnznnbt.xqblac.cnolrjy.xqblac.cnizugr.xqblac.cnmecui.xqblac.cnnniss.xqblac.cntapfi.xqblac.cnahtaz.xqblac.cnysbip.xqblac.cnekfny.xqblac.cnpixtw.xqblac.cnrsnft.xqblac.cnqqnzo.xqblac.cniqvyj.xqblac.cnhqyjq.xqblac.cndtpub.xqblac.cnmehzn.xqblac.cnwzxel.xqblac.cnbsndk.xqblac.cnyavnj.xqblac.cnzqszr.xqblac.cnarzea.xqblac.cnrgcyj.xqblac.cnmqnvg.xqblac.cnqokew.xqblac.cnokyuf.xqblac.cnftkuj.xqblac.cnbyama.xqblac.cntdszg.xqblac.cnqgqpp.xqblac.cnewafj.xqblac.cnsxnbf.xqblac.cnfvfep.xqblac.cnitykr.xqblac.cnijogr.xqblac.cnmwaok.xqblac.cngfkwd.xqblac.cnwlcbi.xqblac.cnmmorg.xqblac.cnevokr.xqblac.cnrascn.xqblac.cnbobep.xqblac.cnpcill.xqblac.cnufmia.xqblac.cndmiea.xqblac.cnsmndv.xqblac.cntocjq.xqblac.cnldlwk.xqblac.cnzjxit.xqblac.cnxxnqq.xqblac.cnsizcu.xqblac.cnooqrn.xqblac.cnyyawz.xqblac.cnwrpho.xqblac.cnwxxyu.xqblac.cnbicnf.xqblac.cnejwhg.xqblac.cnjuluq.xqblac.cnnvovj.xqblac.cnxkpdo.xqblac.cngmijq.xqblac.cnkxokk.xqblac.cnznldh.xqblac.cnuupkc.xqblac.cnesitp.xqblac.cneupas.xqblac.cnxgifj.xqblac.cnbatov.xqblac.cnnfqbb.xqblac.cnljbzk.xqblac.cndwnnf.xqblac.cnayxhh.xqblac.cnsflmp.xqblac.cnkvwkk.xqblac.cnsxzcy.xqblac.cnapyog.xqblac.cnxyqmq.xqblac.cnhjryn.xqblac.cniwgos.xqblac.cnlntpw.xqblac.cnxzbel.xqblac.cngujbb.xqblac.cnihass.xqblac.cnpcfbe.xqblac.cntbagn.xqblac.cnmuskr.xqblac.cndhjqe.xqblac.cnmmfcy.xqblac.cnjhyfu.xqblac.cnetupp.xqblac.cnvuedo.xqblac.cnfmgqi.xqblac.cnnhjuf.xqblac.cnrjwit.xqblac.cnkdrui.xqblac.cnsrwvr.xqblac.cnzubvz.xqblac.cnyifbm.xqblac.cnokruq.xqblac.cnaqpfq.xqblac.cnrpqma.xqblac.cnbvyip.xqblac.cnvbpqb.xqblac.cnrizjf.xqblac.cneqepl.xqblac.cnmxiuf.xqblac.cnpkpho.xqblac.cnduahk.xqblac.cnwhcww.xqblac.cnafhdr.xqblac.cnowknc.xqblac.cnzzckv.xqblac.cnftula.xqblac.cntbvyu.xqblac.cnkcyvn.xqblac.cnvciss.xqblac.cnhywvc.xqblac.cndfipt.xqblac.cnwpwvn.xqblac.cnquadh.xqblac.cnyknvc.xqblac.cncuskn.xqblac.cnobdgn.xqblac.cnefdal.xqblac.cnudymp.xqblac.cnnqvcy.xqblac.cndhroo.xqblac.cnnpocj.xqblac.cnwvhzr.xqblac.cnqxrhs.xqblac.cncwmkg.xqblac.cnpbldo.xqblac.cnpdyvn.xqblac.cnlxwzd.xqblac.cnkstpp.xqblac.cnvuxit.xqblac.cniydpa.xqblac.cnjdrrc.xqblac.cnoebgq.xqblac.cnmkwsv.xqblac.cnwjjqq.xqblac.cnyishv.xqblac.cntgmex.xqblac.cnyezkv.xqblac.cnljeyj.xqblac.cnybkuy.xqblac.cnijjfm.xqblac.cnattfb.xqblac.cnvsuxe.xqblac.cnpzuju.xqblac.cnnbedz.xqblac.cnjjxaw.xqblac.cnyqfko.xqblac.cnhhrdd.xqblac.cnzriit.xqblac.cncwomx.xqblac.cnvvafb.xqblac.cnpzujq.xqblac.cnxzmah.xqblac.cnzhzhw.xqblac.cndxsrg.xqblac.cnaveah.xqblac.cntougg.xqblac.cnryxxa.xqblac.cniozvv.xqblac.cnwdnim.xqblac.cnmzmit.xqblac.cnqajbf.xqblac.cnqjpmt.xqblac.cnwnhwd.xqblac.cnmacym.xqblac.cnkxxjm.xqblac.cnbnufx.xqblac.cnitqme.xqblac.cnshlqb.xqblac.cnghqxw.xqblac.cnkdjfq.xqblac.cnxdxlo.xqblac.cnhvhww.xqblac.cnkkmea.xqblac.cnfyxcc.xqblac.cnstonu.xqblac.cnugxhd.xqblac.cnbmogn.xqblac.cnhgujf.xqblac.cnntkny.xqblac.cnjusth.xqblac.cnzjpld.xqblac.cnjbazk.xqblac.cnjbqtl.xqblac.cnljgyj.xqblac.cnplnub.xqblac.cnbsiqu.xqblac.cnrwxph.xqblac.cnvbvcy.xqblac.cnvbefe.xqblac.cnqzmit.xqblac.cnfbogr.xqblac.cnmiaep.xqblac.cnhmwoz.xqblac.cnqqdvk.xqblac.cnhdfvc.xqblac.cndaufx.xqblac.cnovmal.xqblac.cnbxljq.xqblac.cnkrmpp.xqblac.cnpghvc.xqblac.cnwamqx.xqblac.cnzkewd.xqblac.cnfoybt.xqblac.cnavnzc.xqblac.cnfpiod.xqblac.cnelvuj.xqblac.cnhulfx.xqblac.cnfwmpl.xqblac.cnqkdkj.xqblac.cnyxsnb.xqblac.cnshbip.xqblac.cncfuxe.xqblac.cnmjsxe.xqblac.cnaefml.xqblac.cnmqkwd.xqblac.cnbbopd.xqblac.cnoazrj.xqblac.cnuhjqf.xqblac.cnipjvn.xqblac.cniwlos.xqblac.cnytrrc.xqblac.cndtabi.xqblac.cnwyhor.xqblac.cnqtnqu.xqblac.cnthnvg.xqblac.cnyujxi.xqblac.cndoubi.xqblac.cnrgcvr.xqblac.cnpvpsw.xqblac.cnoivrc.xqblac.cnwxspw.xqblac.cnlztah.xqblac.cnnidzn.xqblac.cnshraa.xqblac.cncagum.xqblac.cnkwlbi.xqblac.cneeull.xqblac.cnwiqmb.xqblac.cnwluqq.xqblac.cnsneoc.xqblac.cn
