1、通常采用的是iframe打印方法，不管是实现局部，或者是实现整个页面的打印。当然，你的打印内容如果只是单纯页面上的内容，不需要通过数据交互获取数据之后再打印的除外。那我们先来将最简单的，就是你页面的单纯打印，这里分为整体打印和局部打印。整体打印-------直接调用方法就可以了局部打印-------打印的时候，把需要打印的内容替换成整个body内容（用户会在打印的时候看到变化，用户体验不太好）
2、我们在printIframe.html中获取到数据（上面html中的pdata是假数据，跟真数据差不多），之前是直接拿到数据之后，在页面中按照绝对定位的px值进行定位，但是打印页面出来的想过不是预期的那样，我们想要的是上图红色框包含的样式。网页打印预览出来之后信息都出现在了左上角，并没有跟红色框所展现的那样进行布局。
3、这是因为，我们最初这是红色框的宽和高都是固定的为261px和176px，而打印网页是按照浏览器的window1大小的100%显示的，所以这里我们的打印页面的宽和高都是window的100%大小，所以我们这里的定位就不能直接用px只来定位了，应该用百分比来定位，之后这样才能让相应字段显示在相应位置。这里的一个核心思想就是，打印的布局样式要以打印窗口宽高的100%为基准来进行布局，通过计算出对应元素在页面中的百分比位置或者大小，才能够实现和局部样式一样的效果.