返回顶部
首页 > 资讯 > 精选 >JavaScript如何实现打印操作
  • 610
分享到

JavaScript如何实现打印操作

2023-06-15 03:06:19 610人浏览 独家记忆
摘要

这篇文章给大家分享的是有关javascript如何实现打印操作的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在JavaScript中,可以使用Window对象的print()方法来实现打印操作,语法格式“wind

这篇文章给大家分享的是有关javascript如何实现打印操作的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

在JavaScript中,可以使用Window对象的print()方法来实现打印操作,语法格式“window.print()”。print()方法用于打印当前窗口的内容;调用print()方法会产生一个打印预览弹框,让用户可以设置打印请求。

教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

打印当前页面指定元素中的内容

直接使用window.print();

首先获得元素的html内容(这里建议如果有样式最好是用内联样式的方式)

var newstr = document.getElementById(myp).innerHTML;//得到需要打印的元素HTML

保存当前页面的整个html,因为window.print()打印操作是打印当前页的所有内容,所以先将当前页面保存起来,之后便于恢复。

var oldstr = document.body.innerHTML;//保存当前页面的HTML

把当前页面替换为打印内容HTML

document.body.innerHTML = newstr;

执行打印操作

window.print();

还原当前页面

document.body.innerHTML = oldstr;

方法例:

//myp为需要打印的元素IDfunction printpage(myp){   var newstr = document.getElementById(myp).innerHTML;var oldstr = document.body.innerHTML;document.body.innerHTML = newstr;window.print();document.body.innerHTML = oldstr;return false;}

JavaScript的特点

1.JavaScript主要用来向HTML页面添加交互行为。2.JavaScript可以直接嵌入到HTML页面,但写成单独的js文件有利于结构和行为的分离。3.JavaScript具有跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行。

感谢各位的阅读!关于“JavaScript如何实现打印操作”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: JavaScript如何实现打印操作

本文链接: https://lsjlt.com/news/277143.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JavaScript如何实现打印操作
    这篇文章给大家分享的是有关JavaScript如何实现打印操作的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在JavaScript中,可以使用Window对象的print()方法来实现打印操作,语法格式“wind...
    99+
    2023-06-15
  • javascript如何实现打印功能
    这篇文章主要介绍“javascript如何实现打印功能”,在日常操作中,相信很多人在javascript如何实现打印功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”java...
    99+
    2024-04-02
  • Qt拖放操作和打印操作的实现
    目录1. 拖放操作1.1 使用拖放打开文件(拖动.txt文件)1.2 自定义拖放操作(拖动图片)2. 打印操作3. 资源下载1. 拖放操作 拖放操作分为 拖动(Drag) 和 放下(...
    99+
    2024-04-02
  • javascript如何实现cookie操作
    小编给大家分享一下javascript如何实现cookie操作,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2024-04-02
  • C#中怎么实现打印条码操作
    本篇文章为大家展示了C#中怎么实现打印条码操作,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。C#打印条码操作的实例:using System;   using...
    99+
    2023-06-17
  • JavaScript中如何实现DOM操作
    这篇文章主要为大家展示了“JavaScript中如何实现DOM操作”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript中如何实现DOM操作”这篇文...
    99+
    2024-04-02
  • Javascript如何实现文件操作
    这篇文章主要为大家展示了“Javascript如何实现文件操作”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Javascript如何实现文件操作”这篇文章吧。一、功能实现核心:FileSyste...
    99+
    2023-06-03
  • JavaScript如何实现cookie的操作
    这篇“JavaScript如何实现cookie的操作”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“JavaScript如何实...
    99+
    2023-06-30
  • javaScript如何连接打印机打印小票
    这篇文章主要介绍了javaScript如何连接打印机打印小票,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。如下所示:<%@ ...
    99+
    2024-04-02
  • java如何实现打印机的打印功能
    要实现打印机的打印功能,可以使用Java中的打印机相关的API。以下是一个简单的示例代码:```javaimport javax.p...
    99+
    2023-09-01
    java
  • win7与win10共享打印机如何操作
    打印机连在Win7电脑上,win10怎么才能共享到打印机打印文件呢?下面给大家介绍一下详细方法,一起往下看看吧。1、我们要开启WIN7系统来宾账号访问权限,最好也不要设置密码。2、计算机右键属性》》计算机管理》》本地用户和组。3、点击“本地...
    99+
    2023-07-14
  • JS中如何实现打印
    小编给大家分享一下JS中如何实现打印,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!JS实现打印两方法要实现点击“打印”按钮以后就将页面打印出来JS中一般有两种方法。1.用Object实现打...
    99+
    2024-04-02
  • 如何实现输出执行操作和打印日志的shell脚本
    这篇文章主要为大家展示了“如何实现输出执行操作和打印日志的shell脚本”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何实现输出执行操作和打印日志的shell脚本”这篇文章吧。cat ...
    99+
    2023-06-09
  • XP系统下打印机如何实现双面打印
    现在的打印机基本上都拥有双面打印的功能,但一般情况下都是默认打印单面的。既然拥有双面打印的功能,我们就要物尽其所。这里以WinXP系统为例,介绍操作方法。   XP系统打印机不可双面打印怎么办   1、点击屏幕左 ...
    99+
    2023-06-13
    打印机 双面打印 系统 XP
  • vue如何实现打印功能
    vue实现打印功能的方法:1.打开终端输入“cnpm i vue-print-nb -S”命令安装依赖;2、在mian.js中引入vue-print-nb;3、在页面中设置一个button按钮实现打印功能即可。具体操作步骤:首先需要打开终端...
    99+
    2024-04-02
  • php如何实现小票打印
    这篇文章主要介绍了php如何实现小票打印,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。php实现小票打印的方法:1、在优声云打印开放平台注册账号;2、查看打印机接口开发文档;...
    99+
    2023-06-22
  • java如何实现打印功能
    在Java中,可以使用System.out.println()方法实现打印功能。这个方法可以打印出指定的字符串或变量的值。下面是几个...
    99+
    2023-08-24
    java
  • ES6中javascript如何实现异步操作
    这篇文章主要为大家展示了“ES6中javascript如何实现异步操作”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ES6中javascript如何实现异步操作...
    99+
    2024-04-02
  • 如何浅析C#打印和C#打印预览的实现
    如何浅析C#打印和C#打印预览的实现,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。我们谈到C#打印和C#打印预览的实现其中主要就是包括:页面设置、打印预览、打印...
    99+
    2023-06-17
  • 如何使用JavaScript打印星星
    本篇内容介绍了“如何使用JavaScript打印星星”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作