javascript中几种操作打印的方法

最新推荐文章于 2023-03-30 09:34:51 发布
最新推荐文章于 2023-03-30 09:34:51 发布
阅读量1.1k 收藏
点赞数
分类专栏： 经验积累 网页制作 文章标签： javascript button input class function object

1　局部打印方法：
作用：将id为dayin的内容，新建页面并打印，可解决打印某页面中的部分内容的问题。
使用方法：将要打印的内容通过 <span id="dayin"></span>包含起来，然后在某个按扭中定义
事件
<input type="button" οnclick="dayin()" value="打印">
function dayin()  
{
  var code="<body οnlοad=window.print()>"
  code+=document.all.dayin.innerHTML;
  code=code.toUpperCase();
  code=code.replace(/<A[^>]*>删除<//A>/gi, "");
  code=code.toLowerCase();
  var newwin=window.open('','','');
  newwin.opener = null;
  newwin.document.write(code);
  newwin.document.close();
} 
 
其中code=code.replace(/<A[^>]*>删除<//A>/gi, "");

2　利用CSS实现局部打印
介绍两个关键的CSS
<style media="print">
         .Noprint { DISPLAY: none }
         .PageNext{ PAGE-BREAK-AFTER: always }
   </style>第一个在不需要打印的标签上添加（子标签也将不被打印），第二个在需要换行的标签处添加（该标签所表示的内容将在当前打印的一页内）
接下来通过调用最基本的js语句
window.print()就可实现页面局部打印了，很easy吧！

3　打印预览
<OBJECT  classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"    

height=0  id=wb  name=wb  width=3></OBJECT>  
<input  class="ipt"  type=button  name=  button  _print  value="打印"    
onclick  ="  javascript  :printit();">  
<input  class="ipt"  type=button    name=button  _setup  value="打印页面设置"            

onclick  ="  javascript  :  printsetup();">    
<input  class="ipt"  type=button    name=button_show  value="打印预览"            

οnclick="javascript:printpreview();">    
<input  class="ipt"  type=button  name=  button  _fh  value="关闭"            

onclick  ="    javascript:window.close();">

Arthur0088
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS实现页面打印
dengqiu2187的博客
11-28 595
【原文链接】 1、js实现（可实现局部打印） <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /> <input id="btnPrint" type="button" value="打印预览" onclick=preview(1...
javascript中几种操作打印的方法（转）
iteye_16042的博客
06-23 262
1　局部打印方法：作用：将id为dayin的内容，新建页面并打印，可解决打印某页面中的部分内容的问题。使用方法：将要打印的内容通过 &lt;span id="dayin"&gt;&lt;/span&gt;包含起来，然后在某个按扭中定义事件&lt;input type="button" onclick="dayin()" value="打印"&gt;function dayin() 
Javascript网页打印大全
清风道的专栏
09-12 1799
Javascript网页打印大全普通打印（整页打）      打印网页内部分内容（自定义）        打印去掉/添加页眉页脚            使用外部控件/方法实现多功能打印            打印背景以上为代码控制设置“页面设置”实现打印参数设置（Window系统图文版）一、普通打印（整页打）这个不用多说，直接用引用:window.print(); 二、打印网页
js几种打印方法
weixin_45630345的博客
03-30 3731
【代码】js几种打印方法。
JS打印的几种实现方法
huacaisolo的博客
07-09 402
1、使用IE自带的WebBrowser控件进行打印，用户无需下载该控件，但缺点是需要设置IE浏览器的安全设置才能使用，“Internet选项”-->“安全”-->“自定义级别”-->“对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本”改为“启用”或者是“提示”，有些时候不同的系统、不同的浏览器版本可能设置的安全级别不一样，具体设置哪个立竿见影暂时没弄明白，刚才说的设置仅作参考我这么设置...
javaScript实现点击按钮直接打印
weixin_30823227的博客
06-05 474
很多网站都有此功能，当浏览到底部时都会有一个打印按钮，点击打印按钮就可以完成打印功能，功能非常不错，人性化，代码非常的简单。 一、只要调用window.print()函数就可以实现打印当前页面 <a href="javascript:window.print()">脚本之家</a> 二、如何打印页面中的指定内容 <!DOCTYPE html> ...
JavaScript判断数据类型有几种方法及区别介绍
10-14
它会返回以下几种值： - number - string - boolean - null - symbol - function - object 对于基本数据类型，`typeof`通常能给出正确的结果。但值得注意的是，`null`被错误地识别为`"object"`，而所有引用类型...
JavaScript中循环遍历Array与Map的方法小结
10-22
本文将详细讲解几种不同的遍历方法，帮助初学者更好地理解和掌握JavaScript的基础知识。 1. **For循环**： - `for`循环是最基础的遍历方式，例如eg1和eg5所示，通过索引`i`访问数组元素。eg1是正向遍历，eg5在遍历...
Javascript打印乘法表
08-20
这个主题关于“Javascript打印乘法表”是JavaScript初学者常见的编程练习，它旨在帮助理解控制流、循环和字符串操作等基本概念。 乘法表是数学教育中的基础工具，用于展示1到10之间任意两个数字的乘积。使用...
网页打印 javascript
12-29
总结起来，JavaScript 在网页打印中的应用主要涉及到以下几个方面： 1. 使用 `window.print()` 方法启动打印。 2. 定义和提取特定的HTML片段进行打印，通过搜索特定的标记。 3. 隐藏和显示元素以控制打印内容。 4. ...
JS实现浏览器打印、打印预览
热门推荐
风水月的专栏
02-26 6万+
目前正在做浏览器端采用JS方式实现打印这么一个功能，JS打印实现的方法很多，但是兼容各个浏览器实现打印预览的功能有些棘手，现将实现的内容及遇到的问题记录下来，希望有大牛看到所提的问题后可以给予解答，在此感谢啦。 1.JS实现打印的方式 方式一：window.print() window.print();会弹出打印对话框，打印的是window.document.body.innerHTML中的
JavaScript的三种打印方式
爱酷码的博客
12-24 2717
第一个就是弹窗打印 alert('xxxx'); 第二个就是页面打印 document.write('xxxxx'); 第三种控制台console打印 console.log(); console.info();console.table()等等
【jqprint打印】js两种超简单的打印方法
baidu_41599099的博客
04-13 2万+
1.用jqprint插件实现打印 快速使用 jqprint是一个简单好用的打印插件，可以实现局部打印，首先是引入jq,,然后引入jqprnt //打印 $("#fh").jqprint({ debug: false, importCSS: true, ...
JavaScript 实现打印操作
weixin_38168139的博客
08-30 1148
一.打印当前页面指定元素中的内容 方式一：直接使用window.print(); （1）首先获得元素的html内容（这里建议如果有样式最好是用内联样式的方式） var newstr = document.getElementById(myDiv).innerHTML;//得到需要打印的元素HTML （2）保存当前页面的整个html，因为window.print()打印操作是打...
总结JS打印方法
alan3258的专栏
07-18 967
  对JS的打印方法总结一下，方便日后查阅。一．用JS自带函数打印直接调用Java代码 "javascript:window.print();">打印  打印二．IEWebBrowser组件介绍http://support.microsoft.com/default.aspx?scid=kb%3BEN-US%3BQ267240#tophttp:
JS方法中打印本方法名称
wuyujin1997的博客
05-14 2138
在方法内部，用以下语句，可打印运行的本方法的名称。 console.log(arguments.callee.name) 封装 function showFuncName(obj) { console.log("正在运行方法：" + obj.callee.name); } 调用需要传入参数arguments。 function foo() { showFuncName(argumen...
JS的三种输出方式
sweetllh的博客
04-15 6万+
1.window.alert(”)，弹框效果，window可省略。弹出比较突然，用户的体验不好，基本用来测试代码使用。<script type="text/javascript"> /* * window.alert() 把小括号里的内容，以弹窗的方式显示出来 * window是BOM对象，指的是整个浏览器，可以省略不写 * '我是李康达，我为GDP代言'
javascript打印输出
最新发布
06-27
主要的打印方法有几种： 1. **`console.log()`**：这是最常用的打印方法，用于向浏览器控制台输出信息。例如： ```javascript console.log("Hello, World!"); // 输出 "Hello, World!" ``` 2. **`alert()`**：这...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值