在日常开发中，我们常常需要通过前端代码实现一些实用功能，比如点击按钮后直接下载HTML页面。今天就来聊聊如何用简单的JavaScript实现这一需求！👀
首先，我们需要一个触发事件的按钮。例如，在HTML中添加一个按钮：
```html
```
然后，使用JavaScript监听这个按钮的点击事件，并创建一个下载逻辑：
```javascript
document.getElementById('downloadBtn').addEventListener('click', function() {
// 获取当前页面内容
const content = document.documentElement.outerHTML;
// 创建隐藏的a标签
const link = document.createElement('a');
link.href = 'data:text/html;charset=utf-8,' + encodeURIComponent(content);
link.download = 'downloadedPage.html';
// 模拟点击下载
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
});
```
简单几步就能搞定！🎉 通过这种方式，用户只需轻轻一点，即可将当前页面保存为HTML文件。无论是用于备份还是分享都非常方便！🚀
💡 小贴士：如果页面中有特殊字符或编码问题，记得提前处理哦～
🌟 希望这篇小技巧能帮到你，快去试试吧！💪