html怎么写入txt
时间: 2024-01-05 16:45:20 浏览: 256
htmlto txt
要将 HTML 内容写入 TXT 文件中,可以使用以下步骤:
1. 使用 JavaScript 获取要写入 TXT 文件的 HTML 内容。
2. 创建一个 Blob 对象,将 HTML 内容写入其中。
3. 创建一个下载链接,将 Blob 对象链接到下载链接上。
4. 触发下载链接的点击事件,将 HTML 内容下载到本地 TXT 文件中。
以下是一个示例代码,可以将 HTML 内容写入 TXT 文件中:
```javascript
function downloadTxtFile() {
// 获取要写入 TXT 文件的 HTML 内容
var htmlContent = document.getElementById("html-content").innerHTML;
// 创建 Blob 对象,将 HTML 内容写入其中
var blob = new Blob([htmlContent], { type: "text/plain;charset=utf-8" });
// 创建下载链接,将 Blob 对象链接到下载链接上
var downloadLink = document.createElement("a");
downloadLink.download = "myHtml.txt";
downloadLink.href = window.URL.createObjectURL(blob);
downloadLink.style.display = "none";
// 触发下载链接的点击事件,将 HTML 内容下载到本地 TXT 文件中
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
}
```
在 HTML 中,需要添加一个按钮,并给其绑定上述函数:
```html
<div id="html-content">
<!-- 这里是要写入 TXT 文件的 HTML 内容 -->
</div>
<button onclick="downloadTxtFile()">下载 TXT 文件</button>
```
这样,当用户点击下载按钮时,就会将 HTML 内容写入 TXT 文件并下载到本地。
阅读全文