html打开pdf的几种方式-CFANZ编程社区

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>

html打开pdf的几种方式_html

0 条评论