HTML 打印另一个页面的内容

在本文中，我们将介绍如何在HTML中打印另一个页面的内容。打印网页内容是一个常见的需求，特别是对于电子商务和在线学习等领域的网站。我们将讨论如何使用HTML和JavaScript来实现这个功能，并提供代码示例。

阅读更多：HTML 教程

使用iframe标签

最简单的方法是使用iframe标签来显示另一个页面的内容。iframe标签可以嵌入一个子窗口，从而展示另一个页面的内容。下面是一个例子：

<iframe src="http://www.example.com" width="100%" height="500"></iframe>

上面的代码将在当前页面中显示http://www.example.com这个网址的内容，宽度为100%，高度为500像素。通过调整width和height属性的值，可以适配不同大小的页面。

使用JavaScript获取内容

如果我们只想打印另一个页面的内容，而不是将其嵌入到当前页面中，可以使用JavaScript来获取并打印内容。下面是一个示例：

<!DOCTYPE html>
<html>
<head>
    <script>
        function printPageContent() {
            var xmlhttp = new XMLHttpRequest();
            xmlhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    var content = this.responseText;
                    window.print();
                }
            };
            xmlhttp.open("GET", "http://www.example.com", true);
            xmlhttp.send();
        }
    </script>
</head>
<body>
    <button onclick="printPageContent()">打印页面内容</button>
</body>
</html>

上面的代码中，我们通过创建一个XMLHttpRequest对象来发送GET请求并获取另一个页面的内容。当获取到内容后，我们使用window.print()方法来打印当前页面的内容。