HTML中如何顯示pdf、word、xls、ppt

這篇文章主要介紹HTML中如何顯示pdf、word、xls、ppt，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)專注于蘆山企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開發(fā),購物商城網(wǎng)站建設(shè)。蘆山網(wǎng)站建設(shè)公司,為蘆山等地區(qū)提供建站服務(wù)。全流程按需定制，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

1、PDF文件在線預(yù)覽

1.HTML5新標(biāo)簽<embed>定義和用法

<embed> 標(biāo)簽定義嵌入的內(nèi)容，這個(gè)標(biāo)簽是自閉合的的，也就是說如果瀏覽器不支持PDF的嵌入，那么這個(gè)標(biāo)簽的內(nèi)容什么都看不到。

實(shí)例

<embed src="/file/操作手冊(cè).pdf" type="application/pdf" width="100%" height="100%" />

2.<iframe>

<iframe>方法是嵌入PDF的最簡單方法之一。但是，如果<iframe>瀏覽器不支持PDF呈現(xiàn)，則可能無法提供足夠的后備內(nèi)容。

實(shí)例

<iframe src="您的PDF地址" width="100%" height="100%">
　　該瀏覽器無法支持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è)試您的頁面。

實(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ù)覽的方式比較簡單可以直接通過調(diào)用微軟的在線預(yù)覽功能實(shí)現(xiàn) (預(yù)覽前提：資源必須是公共可訪問的)

<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)同微軟（資源必須是公共可訪問的），但是需要翻墻

<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>

html是什么

html的全稱為超文本標(biāo)記語言，它是一種標(biāo)記語言，包含了一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動(dòng)畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

以上是“HTML中如何顯示pdf、word、xls、ppt”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文標(biāo)題：HTML中如何顯示pdf、word、xls、ppt
網(wǎng)頁鏈接：http://muchs.cn/article22/gpjscc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、網(wǎng)站維護(hù)、App設(shè)計(jì)、電子商務(wù)、網(wǎng)站制作、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)