比较简单的办法

使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。

细如下:

代码如下

.noprint{visibility:hidden}

要打印的内容。哈哈!

代码如下

将不打印的代码放在这里。

打印

方法二利用js来操作

代码如下

function preview()

{

bdhtml=window.document.body.innerHTML;

sprnstr="";

eprnstr="";

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));

window.document.body.innerHTML=prnhtml;

window.print();

}

文件头部,不打印出来的内容。。。
文件头部,不打印出来的内容。。。
文件头部,不打印出来的内容。。。
这是被打印出来的内容
这是被打印出来的内容
这是被打印出来的内容
这是被打印出来的内容
文件尾部,不打印出来的内容。。。
文件尾部,不打印出来的内容。。。
文件尾部,不打印出来的内容。。。

或者这样也可以

代码如下

function printpage(myDiv){

//var newstr = document.all.item(myDiv).innerHTML;

var newstr = document.getElementById(myDiv).innerHTML;

var oldstr = document.body.innerHTML;

document.body.innerHTML = newstr;

window.print();

document.body.innerHTML = oldstr;

return false;

}

Content

上面js没测试过兼容性我们可使用jquery来设置

代码如下

jquery 打印指定区域内容

function printHtml(html) {

var bodyHtml = document.body.innerHTML;

document.body.innerHTML = html;

window.print();

document.body.innerHTML = bodyHtml;

}

function onprint() {

var html = $("#printArea").html();

printHtml(html);

}

打印区域~~~~

下面看看我自己实例的一种办法,原理是这样

JavaScript打印页面指定div区域原理:使用window.open()在浏览器打开一个新的页面(window), 使用 window.document.write()将指定div区域的内容写入新窗口文档,document.close()关闭文档,使用window.print()调用打印机打印当前文档

JavaScript打印函数myPrint(obj):

代码如下

function myPrint(obj){

//打开一个新窗口newWindow

var newWindow=window.open("打印窗口","_blank");

//要打印的div的内容

var docStr = obj.innerHTML;

//打印内容写入newWindow文档

newWindow.document.write(docStr);

//关闭文档

newWindow.document.close();

//调用打印机

newWindow.print();

//关闭newWindow页面

newWindow.close();

}

myprint()调用方法:

myPrint(document.getElementById('printDivID'));

代码如下

function myPrint(obj){

var newWindow=window.open("打印窗口","_blank");

var docStr = obj.innerHTML;

newWindow.document.write(docStr);

newWindow.document.close();

newWindow.print();

newWindow.close();

}


打印演示区域,点击打印后会在新窗口加载这里的内容!


打 印

html打印指定区域内容,js print打印网页指定区域内容相关推荐

  1. html如何取单元格内容,JS获取表格内指定单元格html内容的方法

    JS获取表格内指定单元格html内容的方法 本文实例讲述了JS获取表格内指定单元格html内容的方法.分享给大家供大家参考.具体如下: 下面的代码先通过表格对象的rows获得指定的行的所有单元格数组, ...

  2. html页面实现打印预览功能,js实现打印、页面设置、打印预览功能

    javascript打印-打印页面设置-打印预览代码 function printsetup(){ // 打印页面设置 wb.execwb(8,1); } function printpreview( ...

  3. vue 扫码页面限制区域_Vue.js 单页面多路由区域操作的实例详解

    单页面多路由区域操作 在一个页面中有两个及以上的区域,需要通过设置路由的index.js,来操作这些区域的内容 app.vue 中设置: index.js中设置: import vue from 'v ...

  4. php修改js内容,js怎样修改html元素的内容?HTML DOM实现修改内容

    js怎样修改html元素的内容?本章就给大家介绍在js中利用HTML DOM是怎样修改html元素内容的.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们要了解HTML DO ...

  5. php抓取标签内的内容,php抓取网页中的内容

    以下就是几种常用的用php抓取网页中的内容的方法. 1.file_get_contents PHP代码 代码如下:>>>>>>>>>>> ...

  6. 修改html不显示内容,记录网友修改网页导致文章内容不显示的问题

    一个网友联系老蒋,自己的网站在之前修改模板添加广告的,但是不清楚什么问题导致目前网站首页能正常打开,但是内容页只能显示标题,内容是无法打开的.而且这个问题其实在十几天前有修改过页面,自己后来都没有动过 ...

  7. js iframe 打印 打印预览 页眉页脚的设置

    1.window.print方式: Html代码 //jsp页面 打印按钮: <input type="button" value="打印" onclic ...

  8. vue打印功能 手持终端打印小票,电脑连接打印机打印预览

    最近的项目有手持终端打印小票和电脑连接诶打印机打印信息 方法有很多种的: 一. vue-print-nb 安装插件 1.安装插件 npm install vue-print-nb --save 2. ...

  9. java.打印菱形_利用java程序打印空菱形

    public class Test1 { public static void main(String[] args) { // TODO Auto-generated method stub int ...

最新文章

  1. linux shell 查找某字符串 在文件的行数
  2. Generating RSA keys in PKCS#1 format in Java--转
  3. [JavaWeb-MySQL]DCL管理用户,授权
  4. java按键发出声音代码_怎么在java中给按钮添加声音?
  5. java printwriter 没有关闭_Java PrintWriter close()方法
  6. CSS 设置背景颜色透明,文字不透明
  7. JDBC调用存储过程,以及存储过程 事务的使用.....
  8. python难度大的题_【python】Python面试题:求列表当中最大的三个元素
  9. micropython 人脸识别检测_基于ESP8266的人脸识别球锁开锁方案
  10. plsql development 注册码
  11. 小松的STM32教程(14)——内部flash模拟eeprom
  12. 安装关系型数据库MySQL 安装大数据处理框架Hadoop
  13. PHP月考---给自己建个错题本
  14. Python金融系列第六篇:现代投资组合理论
  15. pybullet机器人运动质心轨迹/足端轨迹显示adduserdebugline
  16. UART2USB芯片PL2303驱动安装说明
  17. Android NFC基础
  18. 开发一个Android志愿填报系统(后台管理+前台app)毕业设计
  19. C语言入门 | c语言基础知识
  20. 计算机 窗口打开的方法,如何打开命令行窗口?两种实用的方法介绍

热门文章

  1. nas918+支持的cpu_迈进PCIe 4.0 十一代酷睿IO技术大升级:不止是速度翻倍-Intel ,PCIe 4.0,酷睿,CPU ——快科技(驱动之家旗下媒体)-...
  2. 如何实现智能电表的普及?
  3. java文件头工具类_判断文件类型工具类
  4. ExtJs表单组件查询LiveSearchGridPanel(一)
  5. 数字标牌|Digital Signage|触控自助终端机行业应用
  6. 让诺基亚N73内建的real player 成为万能播放器
  7. Go的channel常见使用方式
  8. 【九】Python全栈之路--文件函数_函数参数
  9. 实战微信支付 APIv3 接口(小程序的)
  10. 古典密码——置换密码