浏览器打印部分区域内容

1.打开一个新窗口并把要打印的区域赋值给新窗口

var newWindow = window.open('打印窗口', '_blank')var docStr = document.getElementById('print').innerHTMLnewWindow.document.write(docStr)newWindow.document.close()newWindow.print()newWindow.close()

缺点：新的页面没有样式

2.把doument.body内容替换成要打印区域的内容，打印完后再替换回去

var headstr = '<html><head><title></title></head><body>'var footstr = '</body>'var newstr = document.getElementById('print').innerHTMLvar oldstr = document.body.innerHTMLdocument.body.innerHTML = headstr + newstr + footstrwindow.print()document.body.innerHTML = oldstrreturn false

确定：把原来内容重新赋值给document.body后，页面链接不可点击，变成静态页面，必须重新刷新页面才可用

3.借助于iframe框架

var el = document.getElementById('print')var iframe = document.createElement('IFRAME')var doc = nulliframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;')document.getElementsByTagName('th')[0].setAttribute('style', 'text-align:left')document.getElementsByTagName('th')[1].setAttribute('style', 'text-align:left')document.getElementsByClassName('expand-trigger')[0].setAttribute('style', 'height:0px')document.body.appendChild(iframe)doc = iframe.contentWindow.documentdoc.write('<div>' + el.innerHTML + '</div>')doc.close()iframe.contentWindow.focus()iframe.contentWindow.print()if (navigator.userAgent.indexOf('MSIE') > 0) {  document.body.removeChild(iframe)}

目前没有找到新的方法，后续会补新的方法

转载于:https://www.cnblogs.com/yang1215/p/7793942.html

浏览器打印部分区域内容相关推荐

html打印指定区域内容,js print打印网页指定区域内容
比较简单的办法使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 细如下: 代码如下 .noprint{visibility:hidden} 要打印的内容.哈哈! ...
JS打印指定区域内容
/*将页面内要打印的内容加入中间XXXXX,再加个打印按纽 οnclick=preview(1)*/ fun ...
js网页打印指定区域内容
方法一: <script language="javascript" type="text/javascript"> function printp ...
网页上实现打印指定区域的方法实现
通过单击页面按钮,便实现页面打印指定区域内容的方法. <!doctype html> <html> <head> <meta charset="ut ...
js打印页面指定区域内容
2种方式: 一种只支持IE浏览器另一种支持各类浏览器 <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...
打印屏蔽部分内容window.print()
var bdhtml=window.document.body.innerHTML;var sprnstr=""; //开始打印标识字 ...
php打印预览jquery,JS实现浏览器打印、打印预览示例
目前正在做浏览器端采用JS方式实现打印这么一个功能,JS打印实现的方法很多,但是兼容各个浏览器实现打印预览的功能有些棘手,现将实现的内容及遇到的问题记录下来,希望有大牛看到所提的问题后可以给予解答,在 ...
基于Jquery的浏览器打印插件
最近工作中需要做到打印功能,为了简单起见就直接使用插件调用浏览器的打印功能.然后发现jquery.PrintArea.js这个插件蛮好用的. <!DOCTYPE html><html ...
JS调用浏览器打印功能
function doPrint() { //取得浏览器的userAgent字符串var userAgent = navigator.userAgent.toLowerCase();if (userA ...

浏览器打印部分区域内容

浏览器打印部分区域内容相关推荐

最新文章

热门文章