html打开pdf的几种方式

 直接看代码吧

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

    <script>

        function openpdf() {

            window.open("pdf/demo.pdf");
        }

    </script>
</head>


<body>


<h5>方式一 window.open(); 其实就是相当于在地址栏直接输入地址访问</h5>
<button onclick="openpdf()">open</button>

<h5>方式二 a标签 其实就是相当于在地址栏直接输入地址访问</h5>
<a href="pdf/demo.pdf" target="_blank">open</a> <a href="pdf/" target="_blank">open目录(在web容器中不好使,本地好使)</a>

<h5>方式三 embed标签 IE不支持</h5>
<embed width="800" height="600" src="pdf/demo.pdf"></embed>

<h5>方式四 iframe标签 IE不支持</h5>
<iframe src="pdf/demo.pdf" width="800" height="600"></iframe>

<h5>方式五 object标签 IE支持</h5>
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="600" border="0">

    <param name="SRC" value="pdf/demo.pdf">

</object>


</body>


</html>

 

 

posted on 2020-02-03 10:23  小石头小祖宗  阅读(369)  评论(0编辑  收藏  举报  来源

导航