js读取txt文件并替换所有空格为换行

最新推荐文章于 2024-05-14 10:53:20 发布

专业前端小白

最新推荐文章于 2024-05-14 10:53:20 发布

阅读量1.6k

点赞数

分类专栏：读取txt js replace 正则替换文章标签： js读取txt 字符串替换

本文链接：https://blog.csdn.net/qq_41756580/article/details/100669286

版权

读取txt 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

js replace

1 篇文章 0 订阅

订阅专栏

正则替换

1 篇文章 0 订阅

订阅专栏

因为只用读取，并没有用到activex控件，另外，需要开启本地apache环境，因为跨域阻止读取文件。直接上代码。

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>读取txt文件并改写</title>
  </head>
    <div id="text">
      hahahahahaha 
    </div>
    <script type="text/javascript">
      
      function load(name) {
          let xhr = new XMLHttpRequest(),
              okStatus = document.location.protocol === "file:" ? 0 : 200;
          xhr.open('GET', name, false);
          xhr.overrideMimeType("text/html;charset=utf-8");//默认为utf-8
          xhr.send(null);
          return xhr.status === okStatus ? xhr.responseText : null;
      }

      function write(str){
        var newStr = str.replace(/\s+/g,'\n');
        console.log(newStr);
        document.getElementById("text").innerHTML = newStr;
      }

      var text = load("test.txt");

      write(text);

    </script>
  </body>
</html>

专业前端小白

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
2
评论
js读取txt文件并替换所有空格为换行

因为只用读取，并没有用到activex控件，另外，需要开启本地apache环境，因为跨域阻止读取文件。直接上代码。<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" co...
复制链接

扫一扫