数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济
心理学
社会学
时尚学
法律学如何添加按钮打印 HTML 页面？
如何在 HTML 网页上添加“打印”按钮，点击后打印整个网页。这是一种相对简单的网页功能，可以使用一些 HTML 元素和简单的 JavaScript 添加。
因此，让我们讨论一下具体实现方法。
方法
首先，在 HTML DOM 中添加一个 <input /> 标记。
将其 type 属性指定为“button”，并赋予它一些值。
然后为输入指定一个“onclick”处理程序，该处理程序将使用 JavaScript 处理。
处理输入标记单击事件的函数将如下所示 −
const handlePrint = () => {
window.print();
}
此方法的完整代码将为 −
示例
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>
Adding Print Button
</title>
</head>
<body style="color: black;">
<h1>Hello World!</h1>
<p>Welcome to my Website</p>
<p>
This website is built using plain JS and HTML.
</p>
<p>
Okay Bye!!!
</p>
<input value='Print' type='button' onclick='handlePrint()' />
<script type="text/javascript">
const handlePrint = () => {
var actContents = document.body.innerHTML;
document.body.innerHTML = actContents;
window.print();
}
</script>
</body>
</html>
更新于： 09-Feb-2023
10K+ 浏览
广告