網頁中嵌入pdf格式檔案
阿新 • • 發佈:2019-01-23
在網頁中直接顯示pdf格式的檔案方便閱讀。但是如果檔案較大載入速度會很慢,另外如果客戶端沒有安裝pdf閱讀外掛的話,也就看不了了,不過還是貼出來了,各取所需嗎。(1.pdf要改成自己的pdf檔案路徑插入到頁面檔案中)
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="1050" border="0"> <param name="_Version" value="65539"> <param name="_ExtentX" value="20108"> <param name="_ExtentY" value="10866"> <param name="_StockProps" value="0"> <param name="SRC" value="1.pdf"> </object>
標準瀏覽器中:
<object data="1.pdf" type="application/pdf" width="300" height="200">
alt : <a href="1.pdf">test.pdf</a>
</object>
IE7.0以上版本的瀏覽器中可用如下方法,低版本的IE會顯示兩個Object區域
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="1050" border="0"> <param name="_Version" value="65539"> <param name="_ExtentX" value="20108"> <param name="_ExtentY" value="10866"> <param name="_StockProps" value="0"> <param name="SRC" value="1.pdf"> <object data="1.pdf" type="application/pdf" width="300" height="200"> alt : <a href="1.pdf">test.pdf</a> </object> </object>
低版本瀏覽器中的處理方法1:
<!--[if IE]> <object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="1050" border="0"> <param name="_Version" value="65539"> <param name="_ExtentX" value="20108"> <param name="_ExtentY" value="10866"> <param name="_StockProps" value="0"> <param name="SRC" value="1.pdf"> </object> <![endif]--> <!--[if !IE]> <!--> <object data="1.pdf" type="application/pdf" width="800" height="1050"> alt : <a href='http://get.adobe.com/cn/reader'>Adobe Reader.pdf</a> </object> <!--<![endif]-->
低版本瀏覽器中的處理方法2:通過CSS控制顯示隱藏
/* hides the second object from all versions of IE */
* html object.hiddenObjectForIE { display: none; }
/* display the second object only for IE5 Mac */
/* IE Mac \*//*/
* html object.hiddenObjectForIE { display: inline; }
/**/
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="1050" border="0">
<param name="_Version" value="65539">
<param name="_ExtentX" value="20108">
<param name="_ExtentY" value="10866">
<param name="_StockProps" value="0">
<param name="SRC" value="1.pdf">
<object data="1.pdf" type="application/pdf" width="300" height="200" class="hiddenObjectForIE">
alt : <a href="1.pdf">test.pdf</a>
</object>
</object>