Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >js 打印机打印指定局部区域

js 打印机打印指定局部区域

作者头像
Savalone
发布于 2020-02-11 06:21:11
发布于 2020-02-11 06:21:11
7.3K00
代码可运行
举报
文章被收录于专栏:Savalone's BlogSavalone's Blog
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!--startprint-->  
<div> 
<h2>Песня о буревестнике</h2> 
<p>Над седой равниной моря ветер тучи собирает. Между тучами и морем гордо реет Буревестник,черной молнии подобный.</p>
<p>То крылом волны касаясь,то стрелой взмывая к тучам,он кричит,и ----тучи слышат радость в смелом крике птицы.</p>
<p>В этом крике ----жажда бури!Силу гнева,пламя страсти и уверенность в победе слышат тучи в этом крике.</p>
<p>Чайки стонут перед бурей,---- стонут,мечутся над морем и на дно его готовы спрятать ужас свой пред бурей.</p>
<p>И гагары тоже стонут,----им,гагарам,недоступно наслажденье битвой жизни: гром ударов их пугает.</p>
<p>Глупый пингвин робко прячет тело жирное в утесах…Только гордый Буревестник реет смело и свободно над седым от пены морем!</p>
<p>Все мрачней и ниже тучи опускаются над морем,и поют,и рвутся волны к высоте навстречу грому.</p>
<p>Гром грохочет. В пене гнева стонут волны,с ветром споря. Вот охватывает ветер стаи волн объятьем крепким и бросает их с размаху в дикой злобе на утесы,разбивая в пыль и брызги изумрудные громады.</p>
<p>Буревестник с криком реет,черной молнии подобный,как стрела пронзает тучи,пену волн крылом срывает.</p>
<p>Вот он носится,как демон,---- гордый,черный демон бури,---- и смеется,и рыдает… Он над тучами смеется,он от радости рыдает!</p>
<p>В гневе грома,---- чуткий демон,---- он давно усталость слышит,он уверен,что не скроют тучи солнца,---- нет,не скроют!</p>
<p>Ветер воет…Гром грохочет…</p>
<p>Синим пламенем пылают стаи туч над бездной моря. Море ловит стрелы молний и в своей пучине гасит. Точно огненные змеи,вьются в море,исчезая,отраженья этих молний.
<p>- Буря! Скоро грянет буря!</p>
<p>Это смелый Буревестник гордо реет между молний над ревущим невно морем;то кричит пророк победы:
<p>- Пусть сильнее грянет буря!</p>
</div>  
<!--endprint-->  
<input type="button" value="点击打印" onclick="doPrint()">
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script>  
function doPrint() {  
bdhtml = window.document.body.innerHTML;  
sprnstr = "<!--startprint-->";  //开始打印标识字符串有17个字符
eprnstr = "<!--endprint-->";    //结束打印标识字符串
prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);  //从开始打印标识之后的内容
prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));  //截取开始标识和结束标识之间的内容
window.document.body.innerHTML = prnhtml;  //把需要打印的指定内容赋给body.innerHTML
window.print();  //调用浏览器的打印功能打印指定区域
location.reload();  //重新给页面内容赋值;
}  
</script>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019年11月02日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【前端】使用window.print() 前端实现网页打印详细教程(含代码示例)
在前端开发中,有时我们需要提供打印网页内容的功能,让最终用户能够将网页上的特定部分打印成纸质文档。
程序员洲洲
2024/06/12
5.1K0
【前端】使用window.print() 前端实现网页打印详细教程(含代码示例)
HTML打印准考证用JS在html页面实现打印功能
用JS在html页面实现打印功能 做项目时,有在网页实现全局和局部打印的需求,百度许久,现总结如下: 打印方式一: 1.首先在head里面加入下面一段js代码: <script language="javascript"> function preview(fang) { if (fang < 10){ bdhtml=window.document.body.innerHTML;//获取当前页的html代码 sprnstr="<!--startprint"+fang+"-->";//设置打印开始区域
SingYi
2022/07/14
10.4K0
HTML打印准考证用JS在html页面实现打印功能
HTML局部打印,区域打印的两种实现方法总结
因为window.print()这个方法只能打印全部body内容,所以这个方法大体来讲,分四个步骤:
IT工作者
2021/12/30
5.6K0
js 实现用window.print()打印页面中的部分内容,局部打印
参考:http://blog.csdn.net/oqqyeyi/article/details/37922381
微风-- 轻许--
2022/04/13
4.2K0
js 实现用window.print()打印页面中的部分内容,局部打印
js或jquery实现页面打印可局部打印
1、js实现(可实现局部打印) 代码如下: <html> <title>js打印</title> <head></head><body> <input id="btnPrint" type="button" value="打印" οnclick="javascript:window.print();" /> <input id="btnPrint" type="button" value="打印预览" οnclick=preview(1) /> <style type="text/css" med
黄啊码
2020/05/29
8.6K0
web页面的单页打印以及批量打印实现方法
(3).如果使用window.open(“showPrint.html”,”print”); 打印预览页面的话
用户2323866
2021/06/24
5.2K0
html如何打印_html打印代码
通常在浏览网页的时候,网页上总是出现一些和内容无关的内容,在打印的时候,要是把整个网页都打印下来,总会有些不方便。。。所以在有需要打印的网页上稍微设置一下打印页是很有必要的。。。
全栈程序员站长
2022/09/22
13.4K0
JS 实现简单的页面局部打印
使用很简单 将页面内要打印的内容加入中间<!--startprint1-->XXXXX<!--endprint1--> 再加个打印按纽 onclick=preview(1)
李维亮
2021/07/09
6.8K0
JavaScript学习笔记+常用js用法、范例(二)
javascript 加入如下语句,出错时会提示 注意: chrome、opera 和 safari 等浏览器不支持 window.onerror 事件(w3c标准没有此事件),需另外捕获出错信息
用户6808043
2022/02/24
2.3K0
浏览器分页静默打印
作为前端开发,在浏览器上打印算是一个比较常见的需求了。最简单的做法就是直接打印整个网页,在浏览器直接打印或者调用window.print()。 这样就能将当前页面整个打印出来了。 然而,实际上的需求往往都不是这样简单,它更多的可能是需要打印整个网页中的某一段“特定”的内容。
epoos
2023/12/29
9200
浏览器分页静默打印
【HTML打印】HTML直接调用window下的打印机并执行打印任务(简单打印任务生成)
---- 今天有个朋友问我咋调用打印机,打印页面。 -----------------来自小马哥的故事 ---- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg
IT小马哥
2020/03/18
2.9K0
【JS】JavaScript 基础入门
theme: healer-readable highlight: a11y-dark
sidiot
2023/08/26
3450
【JS】JavaScript 基础入门
JavaScript 前端知识点总结
Java Script 是基于对象的脚本语言,而不是面向对象中所使用的那个对象,之所以说JS是一门基于对象的编程语言,是因为它没有提供抽象,继承,封装等面向对象语言的很多功能,而是把其他语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统.
王 瑞
2022/12/28
2.6K0
BOM
​ BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。
梨涡浅笑
2022/05/08
1.5K0
BOM
C#巧用Excel模版变成把Table打印出来
转载:http://blog.csdn.net/gwblue/article/details/38865525
跟着阿笨一起玩NET
2018/09/20
1.2K0
C#巧用Excel模版变成把Table打印出来
231个web前端的javascript特效分享(仅供本人学习,非教程类型)
<input type=”text” value=”郭强”onfocus=”if(value==’郭强’) {value=”}”onblur=”if
botkenni
2019/09/03
1.4K0
【一起来烧脑】一步学会JavaScript体系
JavaScript的用法,输出,语句,注解,变量,数据类型,函数,运算符,比较,条件语句,循环,Break,错误,类型转换,表单验证。
达达前端
2019/07/22
1.4K0
JavaScript中的document.cookie的使用
我们已经知道,在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么?“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为 Cookie。”—— MSIE 帮助。一般来说,Cookies 是 CGI 或类似,比 HTML 高级的文件、程序等创建的,但是 javascript 也提供了对 Cookies 的很全面的访问权利。
全栈程序员站长
2022/09/18
1.1K0
js打印WEB页面内容代码大全
使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。
幽鸿
2020/04/02
8.1K0
【叔小生】JavaScript进阶篇
如何插入JS JS基础语法 语法、函数、方法 提取字符串substring() substring() 方法用于提取字符串中介于两个指定下标之间的字符。
达达前端
2019/08/01
1.3K0
【叔小生】JavaScript进阶篇
相关推荐
【前端】使用window.print() 前端实现网页打印详细教程(含代码示例)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验