1、PDF文件在線預(yù)覽
1.HTML5新標(biāo)簽<embed>定義和用法
<embed> 標(biāo)簽定義嵌入的內(nèi)容，這個(gè)標(biāo)簽是自閉合的的，也就是說(shuō)如果瀏覽器不支持PDF的嵌入，那么這個(gè)標(biāo)簽的內(nèi)容什么都看不到。
實(shí)例
<embed src="/file/操作手冊(cè).pdf" type="application/pdf" width="100%" height="100%" />
2.<iframe>
<iframe>方法是嵌入PDF的最簡(jiǎn)單方法之一。但是，如果<iframe>瀏覽器不支持PDF呈現(xiàn)，則可能無(wú)法提供足夠的后備內(nèi)容。
實(shí)例
<iframe src="您的PDF地址" width="100%" height="100%">
該瀏覽器無(wú)法支持PDF，請(qǐng)點(diǎn)擊查看：
<a href="PDF地址">下載 PDF</a>
</iframe>
3.<object>
與<embed>不同，<object>如果瀏覽器不支持PDF嵌入，則該元素可提示內(nèi)容。所有瀏覽器都支持<object>元素，但是，每個(gè)瀏覽器中的實(shí)現(xiàn)方式通常存在差異。如果您使用該<object>元素，請(qǐng)務(wù)必在瀏覽器和操作系統(tǒng)中徹底測(cè)試您的頁(yè)面。
實(shí)例
<object data="/file/操作手冊(cè).pdf" type="application/pdf" width="100%" height="100%">
該瀏覽器不支持PDF.請(qǐng)點(diǎn)擊查看:
<a href="/file/操作手冊(cè).pdf">Download PDF</a>.</p>
</object>
2、word、xls、ppt在線預(yù)覽
word、ppt、xls文件實(shí)現(xiàn)在線預(yù)覽的方式比較簡(jiǎn)單可以直接通過(guò)調(diào)用微軟的在線預(yù)覽功能實(shí)現(xiàn) (預(yù)覽前提：資源必須是公共可訪問(wèn)的)
<iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'>
</iframe>
src就是要實(shí)現(xiàn)預(yù)覽的文件地址
補(bǔ)充：google的文檔在線預(yù)覽實(shí)現(xiàn)同微軟（資源必須是公共可訪問(wèn)的），但是需要翻墻
<iframe src="https://docs.google.com/viewer?url=fileurl"></iframe>
3、XDOC在線預(yù)覽
XDOC可以實(shí)現(xiàn)預(yù)覽以DataURI表示的DOC文檔，此外XDOC還可以實(shí)現(xiàn)文本、帶參數(shù)文本、html文本、json文本、公文等在線預(yù)覽，具體實(shí)現(xiàn)方法請(qǐng)看官方文檔
下面這種方式可以實(shí)現(xiàn)快速預(yù)覽word但是對(duì)文件使用的編輯器可能會(huì)有一些限制
<a href="http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc=http://www.xdocin.com/demo/demo.docx" target="_blank" rel="nofollow">XDOC</a>
到此這篇關(guān)于HTML里顯示pdf、word、xls、ppt的方法示例的文章就介紹到這了,更多相關(guān)HTML顯示pdf、word、xls、ppt內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！
