如何在网页中显示PDF文件

html-css014

如何在网页中显示PDF文件,第1张

使用js插件

其中实现阅读pdf文件的js插件很多,比如:pdf.js:是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持;jsPDF:是一个使用Javascript语言生成PDF的开源库

这个 PDFObject.js,是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。

js代码:

<script type="text/javascript">

window.onload = function (){

var success = new PDFObject({ url: "sample.pdf" }).embed()

}

</script>

OK,这样就可以了。只要把地址写对即可。

若我在某一个div中加载pdf咋办呢?看官网,发现embed()方法可以有参数的,无参数是指body,有参数是具体的某一个位置。

<script type="text/javascript">

window.onload = function (){

var success = new PDFObject({ url: "sample.pdf" }).embed(“div的id”)

}

</script>

当然,其中还可以进一步设置参数,比如你想以多少秒的速度预览,有css,无css等

具体的官网如下:http$://$www.$pdfobject$.com/

请去掉$这个符号

《CSS重构:样式表性能调优》([美] Steve Lindstrom)电子书网盘下载免费在线阅读

资源链接:

链接: https://pan.baidu.com/s/1f-5H75O8lAqPfrBwGgUl3A

提取码: jpip

书名:CSS重构:样式表性能调优

作者:[美] Steve Lindstrom

译者:杜春晓

豆瓣评分:5.3

出版社:人民邮电出版社

出版年份:2017-11

页数:140

内容简介:本书作为CSS重构指南,不仅展示了如何编写结构合理的CSS,以构建响应式、易于使用的网站,还介绍了如何用重构方法创建可读性更强和更易于维护的CSS代码。

作者简介:Steve Lindstrom

早在 1999 年出于个人爱好开发了自己的第一个网站,那时他还在中学读书。后来他赴佛罗里达州墨尔本市求学,从佛罗里达理工学院获得了计算机科学学士学位。Steve 曾在国防、旅游科技领域从事软件开发工作,最近开始涉足电子商务领域。工作之余,他喜欢学习烹饪和喝咖啡。

《css高效开发实战》百度网盘pdf最新全集下载:

链接:https://pan.baidu.com/s/18V4g27rIjqVeKKmuJtyWfQ

?pwd=xn7r 提取码:xn7r

简介:想象一下,一个网页只有HTML,没有Css,那就是素颜和上妆的区别。而一个网页只有Css,没用Css 3,那就是马车和汽车的区别!汽车代表的是高效、美观,Css 3的意图也是如此。移动设备的流行导致了响应式设计的流行,而CSS 3正是实现这种设计的精髓。本书围绕的就是如何跨浏览器、跨设备进行高效率的CSS开发。

本书分为3部分:第1部分是HTML/CSS基础和CSS 3新特性演示,涵盖盒子模型、浮动布局、属性前缀、选择器、字体、边框、背景、颜色、变换、动画、弹性盒子、媒介查询和响应式设计等多个方面;第2部分介绍Bootstrap,Foundation、Pure等当前流行的Css框架及LESS.SASS等生产力工具;第3部分是实战案例,包括DIV+CSS案例、HTML 5+CsS 3案例、Bootstrap案例和Foundation案例。