您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
织梦dedecms网页中直接显示pdf文档方法
凡旋2023-09-12 23:19:01dedecms教程已有人查阅
导读我们在用dedecms织梦建站时候,需要在网页中直接加载pdf文档,这个需要怎么操作呢?其实有一些浏览器中你打开一个pdf的链接是可以直接预览的,比如谷歌
我们在用dedecms织梦建站时候,需要在网页中直接加载pdf文档,这个需要怎么操作呢?其实有一些浏览器中你打开一个pdf的链接是可以直接预览的,比如谷歌浏览器等,但是一些不支持pdf预览的浏览器,我们可以通过一个js控件实现预览,代码如下:
主要代码:
<script type="text/javascript" src="/js/pdfobject.js"></script>
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "/pdf/yourpdf.pdf" ,pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'}}).embed("pdf1");
};
</script>
<div id="pdf1" style="width:700px; height:600px;">It appears you don't have Adobe Reader or PDF support in this web browser. <a href="/pdf/yourpdf.pdf">Click here to download the PDF</a></div>
PDFObject.js,是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。大家在使用时候一定要注意红色部分文件的路径,搞对文件才可以。
只需要引用pdfobject.js,不需要额外的库,这个js控件点击这里:点我下载
主要代码:
<script type="text/javascript" src="/js/pdfobject.js"></script>
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "/pdf/yourpdf.pdf" ,pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'}}).embed("pdf1");
};
</script>
<div id="pdf1" style="width:700px; height:600px;">It appears you don't have Adobe Reader or PDF support in this web browser. <a href="/pdf/yourpdf.pdf">Click here to download the PDF</a></div>
PDFObject.js,是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。大家在使用时候一定要注意红色部分文件的路径,搞对文件才可以。
只需要引用pdfobject.js,不需要额外的库,这个js控件点击这里:点我下载
本文标签:
很赞哦! ()
下一篇:织梦怎么传pdf的文档到网站中
随机图文
-
织梦dedecms实用技巧安全措施教程
最近织梦系统爆出很多新漏洞,导致许多dedecms网站被挂木马,让站长非常烦恼,但是从被挂到有效防止,这需要一个逐渐积累的过程,任何事情都不是一蹴而就的 -
织梦cms实现带缩略图的文章标题显示图字
dedecms让带有图片的文章,标题后面加一个"图"字,没有图片则不加在arclist 标签下循环出的对应位置中加入 -
如何让织梦列表文章有缩略图则显示缩略图无则不显示
为了让我们的页面显示更美观更智能化,那么让织梦列表文章有缩略图则显示缩略图,无则不显示的这个织梦技巧就显得非常实用了,那么如何做呢?请看下面的解决方法。 -
dedecms织梦单页面优化内容有哪些
dedecms单页面优化方法这里我们讲的是,在一个形式页面上必要有的SEO操作。第一步:分析网页的形式。第二步:断定网页的关键词
留言与评论 (共有 条评论) |