互联网技术日新月异，JavaScript作为前端开发的重要工具之一，不仅能在网页上实现动态效果，还能与用户设备进行深度交互！今天就带大家用JS搞定一个实用技能：创建、写入和读取本地txt文件 🎯。
首先，通过`Blob`对象创建文件内容，再利用`URL.createObjectURL()`生成可下载链接👇：
```javascript
const content = "Hello World!"; // 文件内容
const blob = new Blob([content], { type: "text/plain" });
const url = URL.createObjectURL(blob);
```
接着，创建一个下载按钮，让用户轻松获取文件👇：
```html
<script>
function downloadFile() {
const link = document.createElement("a");
link.href = url;
link.download = "example.txt";
link.click();
}
</script>
```
最后，如果需要读取本地文件，可以结合HTML5的``控件，使用` FileReader `读取内容👉：
```javascript
document.querySelector('input').addEventListener('change', e => {
const file = e.target.files[0];
const reader = new FileReader();
reader.onload = () => console.log(reader.result);
reader.readAsText(file);
});
```
这样，你就能愉快地在网页中创建、写入和读取本地txt文件啦！✨