步骤

index.html

  1. <button id="btn">小姐姐请进门</button>
  2. <div id="mybody"></div>
  3. <!-- 加载渲染进程 -->
  4. <script src="./render/index.js"></script>

rander.js

通过fs模块读取文件,在通过innerhtml将数据放入

  1. let fs = require('fs');
  2. // 读取本地文件并且写入内容
  3. window.onload = () => {
  4. var btn = document.querySelector('#btn')
  5. btn.onclick = () => {
  6. fs.readFile('sister.txt', (err, data) => {
  7. myBoby.innerHTML = data
  8. if (err) console.err(err)
  9. })
  10. }
  11. }

sister.txt

  1. 天海翼
  2. 桃谷绘里香
  3. 麻里梨夏

结果预览

image.png
image.png
这里可以打印一下fs取得的数据,是buffer
image.png