当前位置:首页 > JavaScript

js 实现打印

2026-01-31 14:27:44JavaScript

打印到控制台

使用 console.log() 方法可以将内容输出到浏览器的控制台或 Node.js 的控制台。这是最常用的调试和打印方法。

console.log("Hello, World!");

console 对象还提供了其他方法,如 console.error() 打印错误信息,console.warn() 打印警告信息,console.info() 打印信息性消息。

console.error("This is an error message");
console.warn("This is a warning message");
console.info("This is an informational message");

打印到网页

通过操作 DOM 可以将内容直接显示在网页上。使用 document.write() 方法可以简单地将内容写入文档。

document.write("Hello, World!");

更常见的是通过修改特定元素的 innerHTMLtextContent 属性来动态更新页面内容。

js  实现打印

document.getElementById("output").innerHTML = "Hello, World!";

打印到文件(Node.js 环境)

在 Node.js 环境中,可以使用 fs 模块将内容写入文件。

const fs = require('fs');
fs.writeFileSync('output.txt', 'Hello, World!');

对于异步写入文件,可以使用 fs.writeFile() 方法。

fs.writeFile('output.txt', 'Hello, World!', (err) => {
  if (err) throw err;
  console.log('File has been saved.');
});

打印到打印机

直接调用打印机需要浏览器或操作系统的支持。可以使用 window.print() 方法打印当前网页。

js  实现打印

window.print();

对于更复杂的打印需求,可以生成 PDF 或其他格式的文件,然后通过系统打印对话框进行打印。

打印格式化内容

使用模板字符串可以方便地格式化输出内容。

const name = "Alice";
const age = 25;
console.log(`Name: ${name}, Age: ${age}`);

对于复杂的格式化需求,可以使用 console.table() 方法以表格形式打印数组或对象。

const people = [{name: "Alice", age: 25}, {name: "Bob", age: 30}];
console.table(people);

标签: js
分享给朋友:

相关文章

原生js实现轮播图

原生js实现轮播图

基本结构搭建 HTML部分需要包含轮播图容器、图片列表及导航按钮。结构示例如下: <div class="slider-container"> <div class="slid…

js实现复制到剪贴板

js实现复制到剪贴板

使用document.execCommand方法(传统方式,已废弃但部分浏览器仍支持) 该方法适用于旧版浏览器,但已被标记为废弃。执行前需确保文本已被选中: function copyToClipb…

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在HT…

js实现报表

js实现报表

使用JavaScript实现报表 在JavaScript中实现报表功能可以通过多种方式完成,常见的方法包括使用原生JavaScript、第三方库(如Chart.js、D3.js)或结合后端数据渲染。以…

js实现代码雨

js实现代码雨

实现代码雨效果 使用HTML5 Canvas和JavaScript可以轻松实现经典的代码雨效果。以下是完整的实现代码和说明: HTML结构 <!DOCTYPE html> <…

js实现搜索

js实现搜索

实现搜索功能的方法 在JavaScript中实现搜索功能可以通过多种方式完成,以下是几种常见的实现方法。 使用数组的filter方法 通过数组的filter方法可以筛选出符合条件的数据项。假设有一个…