html打印指定区域内容,js print打印网页指定区域内容
比较简单的办法
使用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;
}
上面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打印网页指定区域内容相关推荐
- html如何取单元格内容,JS获取表格内指定单元格html内容的方法
JS获取表格内指定单元格html内容的方法 本文实例讲述了JS获取表格内指定单元格html内容的方法.分享给大家供大家参考.具体如下: 下面的代码先通过表格对象的rows获得指定的行的所有单元格数组, ...
- html页面实现打印预览功能,js实现打印、页面设置、打印预览功能
javascript打印-打印页面设置-打印预览代码 function printsetup(){ // 打印页面设置 wb.execwb(8,1); } function printpreview( ...
- vue 扫码页面限制区域_Vue.js 单页面多路由区域操作的实例详解
单页面多路由区域操作 在一个页面中有两个及以上的区域,需要通过设置路由的index.js,来操作这些区域的内容 app.vue 中设置: index.js中设置: import vue from 'v ...
- php修改js内容,js怎样修改html元素的内容?HTML DOM实现修改内容
js怎样修改html元素的内容?本章就给大家介绍在js中利用HTML DOM是怎样修改html元素内容的.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们要了解HTML DO ...
- php抓取标签内的内容,php抓取网页中的内容
以下就是几种常用的用php抓取网页中的内容的方法. 1.file_get_contents PHP代码 代码如下:>>>>>>>>>>> ...
- 修改html不显示内容,记录网友修改网页导致文章内容不显示的问题
一个网友联系老蒋,自己的网站在之前修改模板添加广告的,但是不清楚什么问题导致目前网站首页能正常打开,但是内容页只能显示标题,内容是无法打开的.而且这个问题其实在十几天前有修改过页面,自己后来都没有动过 ...
- js iframe 打印 打印预览 页眉页脚的设置
1.window.print方式: Html代码 //jsp页面 打印按钮: <input type="button" value="打印" onclic ...
- vue打印功能 手持终端打印小票,电脑连接打印机打印预览
最近的项目有手持终端打印小票和电脑连接诶打印机打印信息 方法有很多种的: 一. vue-print-nb 安装插件 1.安装插件 npm install vue-print-nb --save 2. ...
- java.打印菱形_利用java程序打印空菱形
public class Test1 { public static void main(String[] args) { // TODO Auto-generated method stub int ...
最新文章
- linux shell 查找某字符串 在文件的行数
- Generating RSA keys in PKCS#1 format in Java--转
- [JavaWeb-MySQL]DCL管理用户,授权
- java按键发出声音代码_怎么在java中给按钮添加声音?
- java printwriter 没有关闭_Java PrintWriter close()方法
- CSS 设置背景颜色透明,文字不透明
- JDBC调用存储过程,以及存储过程 事务的使用.....
- python难度大的题_【python】Python面试题:求列表当中最大的三个元素
- micropython 人脸识别检测_基于ESP8266的人脸识别球锁开锁方案
- plsql development 注册码
- 小松的STM32教程(14)——内部flash模拟eeprom
- 安装关系型数据库MySQL 安装大数据处理框架Hadoop
- PHP月考---给自己建个错题本
- Python金融系列第六篇:现代投资组合理论
- pybullet机器人运动质心轨迹/足端轨迹显示adduserdebugline
- UART2USB芯片PL2303驱动安装说明
- Android NFC基础
- 开发一个Android志愿填报系统(后台管理+前台app)毕业设计
- C语言入门 | c语言基础知识
- 计算机 窗口打开的方法,如何打开命令行窗口?两种实用的方法介绍
热门文章
- nas918+支持的cpu_迈进PCIe 4.0 十一代酷睿IO技术大升级:不止是速度翻倍-Intel ,PCIe 4.0,酷睿,CPU ——快科技(驱动之家旗下媒体)-...
- 如何实现智能电表的普及?
- java文件头工具类_判断文件类型工具类
- ExtJs表单组件查询LiveSearchGridPanel(一)
- 数字标牌|Digital Signage|触控自助终端机行业应用
- 让诺基亚N73内建的real player 成为万能播放器
- Go的channel常见使用方式
- 【九】Python全栈之路--文件函数_函数参数
- 实战微信支付 APIv3 接口(小程序的)
- 古典密码——置换密码