JavaScript 打印网页内容

最新推荐文章于 2021-07-18 07:12:44 发布
最新推荐文章于 2021-07-18 07:12:44 发布
阅读量278 收藏 1
点赞数
文章标签： javascript ViewUI

打印整个页面

window.print();

隐藏网页中有些不打印的区域，需设置以下格式

<style type="text/css" media=print>
.noprint{display:none}
</style>

再引用 .noprint 类选择器 设置class="noprint"

打印网页局部内容

function onPrint(block) {

var value = document.all.block.innerHTML;
var printdetail = window.open("","printDetail","");
printdetail.document.open();
printdetail.document.write("<HTML><head></head><BODY οnlοad='window.print()'>");
printdetail.document.write("<PRE>");
printdetail.document.write(value);
printdetail.document.write("</PRE>");
printdetail.document.close("</BODY></HTML>");
}

<div id="block">打印内容</div>

<a href="javascript:onPrint();">打印按钮</a>

去掉页面页眉页脚

var hkey_root,hkey_path,hkey_key
hkey_root="HKEY_CURRENT_USER"
hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"
//设置网页打印的页眉页脚为空
function pagesetup_null(){
try{
var RegWsh = new ActiveXObject("WScript.Shell")
hkey_key="header"
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")
hkey_key="footer"
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")
}catch(e){}
}

再设置Internet 属性 -->> 安全 -->>选择下面一排第一个Internet-->>点击自定义，将ActiveX 控件和插件都设置为提示 应用

打印之后，就得到干净的页面了

更多详情，请参考http://blog.csdn.net/woaitiyu/article/details/3161248

当需要打印页面的时候，往往需要设置页面的字体格式，这里我简单介绍一下字体

word中汉字对应大小：
42磅对应初号、36磅对应小初、26磅对应一号、24磅对应小一号、22磅对应二号、18磅对应小二号、16磅对应三号、15磅对应小三号、14磅对应四号、12磅对应小四号、10.5磅对应五号、9磅对应小五号、7.5磅对应六号、6.5磅对应小六号、5.5磅对应七号、5磅对应八号
磅：pt
单位, pt pc px mm cm in em

字体格式 例如 <span style="font-family:黑体;font-size:16pt">打印标题</span>。。。。。。

pyez1158
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
利用javascript实现网页打印
10-28
利用javascript在网页上实现打印的方法，可以设置分页等页面设置。
javascript打印大全(打印页面设置/打印预览代码)
12-02
代码如下: <HTML><HEAD><TITLE>javascript打印-打印页面设置-打印预览代码</TITLE> <META http-equiv=Content-Type content=”text/html; charset=gb2312″ /> [removed] 　　function printsetup(){ 　　// 打印页面设置 　　wb.execwb(8,1); 　　} 　　function printpreview(){ 　　// 打印页面预览 　　wb.execwb(7,1); 　　} 　　function printit() 　
javascript 网页打印
老杨头的博客
08-27 468
function doPrint()  {   bodyHtml=window.document.body.innerHTML;      //将整个页面作为字符串读取出来  startStr="";        //字符串""为打印区块前的开始打印标记  endStr="";         //字符串""为打印区块结束后的标记  printHtml=bodyHtml.substr(
JavaScript(JS) 页面打印
m0_60105488的博客
07-18 257
很多时候，想在网页上放置一个按钮，通过实际的打印机打印网页的内容。JavaScript使用窗口对象的打印函数帮助你实现这个功能。本文主要介绍JavaScript(JS) 页面打印。 原文地址：JavaScript(JS) 页面打印 ...
javascript打印写法注意事项
bee2518的专栏
06-10 753
document.write这种写法不能用window.print()实现打印，必须用innerHTML来替换。 var previewWindow = window.open(printDetail.html ,this.SCHEME_KEY+预览窗口,"height=800px,width=900px,resizable=yes," +         "scr
Javascript打印网页部分内容的脚本
10-30
因此，了解如何使用JavaScript来实现打印指定网页部分内容的功能变得尤为重要。 首先，介绍JavaScript中的window.print()方法。这是最基础的浏览器端打印控制方法，它能够调用浏览器的打印功能，实现对当前网页的...
javascript 打印内容方法小结
10-29
以下是一些关于JavaScript中打印内容方法的小结： 1. 基本打印方法：window.print(); 这是JavaScript中最简单的打印方法。只需调用`window.print();`就能弹出打印对话框，用户可以打印整个页面或页面上的部分内容。...
javascript打印html内容功能的方法示例
10-26
通过上述分析，我们可以总结出实现JavaScript打印HTML内容功能的关键知识点。这些知识点不仅包括了技术实现的细节，还包括了对用户交互体验的考虑。开发者在实现类似功能时，可以参考这些知识点，结合实际的开发需求...
javascript打印网页指定的内容
07-12
javascript打印网页中指定部分的内容
javascript打印、设置、预览
wckjlu的专栏
04-13 770
来源：http://blog.adyouth.com/?10910/viewspace-7599.html javascript打印-打印页面设置-打印预览代码 　　function printsetup(){ 　　// 打印页面设置 　　wb.execwb(8,1); 　　} 　　function printpreview(){ 　　// 打印页面预览 　　　
html打印指定区域内容,js print打印网页指定区域内容
weixin_33411550的博客
06-09 819
比较简单的办法使用CSS，定义一个.noprint的class，将不打印的内容放入这个class内。细如下：代码如下.noprint{visibility:hidden}要打印的内容。哈哈！代码如下将不打印的代码放在这里。打印方法二利用js来操作代码如下function preview(){bdhtml=window.document.body.innerHTML;sprnstr="";eprns...
Java中jsp页面的打印功能
冰爽ツ柠檬茶
09-25 211
1、加入javascript代码： &lt;script language="javascript"&gt; function printScreen(block){             $("#"+block+" table").attr("border",'1');     var value = $("#"+block).html();      var printdetail
javascript调用打印页面接口实现页面打印功能
CodingNoob
12-18 5366
效果图如下：代码如下：
使用继承需要注意事项
JAVA知识，我来分享
03-18 1396
使用继承注意两点： 第一：子类无法继承private修饰的属性和方法 第二：子类无法继承父类的构造方法 子类除了继承父类的属性和方法之外，还可以有自己的属性，但是调用从父类继承的方法却不能获取，比如： public class PersonnelDept extends Department{ private int count;//本月计划招聘人数 } 这段代码中，我们的子类人
JS打印当前页面或打印局部div
热门推荐
大智若愚的Giraffe
10-19 2万+
/** * Created by Administrator on 2016/10/19. *//** * 打印当前页面 */ function printpage() { window.print(); }/** * 打印局部 * 此js函数用于解决打印指定div的问题 */ function printdiv(printpage) { var headhtml =
Js打印html页面
Sugar_i的博客
03-21 4538
https://blog.csdn.net/meiqi0538/article/details/81292390
javascript打印网页的特定内容（以打印table为例）
hnllc2012的专栏
09-06 1万+
参考网址： http://stackoverflow.com/questions/21375398/how-to-print-table-using-javascript http://stackoverflow.com/questions/2555697/window-print-not-working-in-ie html> html lang="en"> head> meta c
使用JS打印网页内容及图片
D的博客
02-11 1万+
1、利用jQuery打印插件jqprint：jquery.jqprint-0.3.js ;2、 window.print()的JS编写：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;titl
JavaScript网页打印技术详解(含自定义内容)
2. JavaScript打印固定标签内的内容： 在HTML头部添加JavaScript代码，可以监听打印事件，然后选择特定的DOM元素进行打印。例如，可以获取某个ID或类名的元素，并使用`document.getElementById`或`document....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值