js打印实现

使用 console.log() 打印

在 JavaScript 中，console.log() 是最常用的打印方法，适用于调试和输出信息到控制台。

console.log("Hello, World!"); // 打印字符串
console.log(123); // 打印数字
console.log({ key: "value" }); // 打印对象

使用 document.write() 打印到页面

document.write() 直接将内容写入 HTML 文档，但会覆盖整个页面（在页面加载后调用时）。

document.write("This text is added to the page."); 

使用 DOM 操作动态打印

通过修改 DOM 元素的 innerHTML 或 textContent，动态显示内容。

const outputElement = document.getElementById("output");
outputElement.innerHTML = "<p>Dynamic content</p>"; // 支持 HTML
outputElement.textContent = "Plain text content"; // 仅文本

使用 alert() 弹出打印

alert() 以弹窗形式显示内容，适合简单提示。

alert("This is an alert message!"); 

使用 window.print() 打印页面

调用浏览器的打印功能，打印当前页面内容。

window.print(); // 触发打印对话框

格式化打印

console 对象支持多种格式化输出方式：

console.table([{ name: "Alice", age: 25 }]); // 表格形式
console.error("Error message"); // 错误样式
console.warn("Warning message"); // 警告样式

注意事项

• console.log() 仅在开发者工具中可见，不影响页面显示。
• document.write() 仅在页面加载阶段使用，否则会清空页面。
• DOM 操作需确保元素已加载（如将脚本放在 body 末尾或使用 DOMContentLoaded 事件）。