繁体   English   中英

如何将文本文件的内容读取为 Javascript?

[英]How to read content of text file as Javascript?

我想在javascript中编写一个函数来读取文本文件,如果它在该文本文件中包含任何 javascript 函数,那么我的函数不会将其作为文本读取,而是将其作为 javascript读取

喜欢:

const toBeRead = () => true; //This function is in text file

上面的函数在文本文件中,我想将其作为 javascript 读取。 目前我正在将其作为字符串读取,但想从中获取输出,这是true

编辑以更好地演示。 这是我使用eval()后的函数

 function readSingleFile(evt) {
  var f = evt.target.files[0];
  if (f) {
    var r = new FileReader();
    r.onload = function (e) {
      var contents = e.target.result;
      var ct = r.result;
      var words = ct.split("\n");
      let array = [];
      words.map((word) => {
        if (word.substring(0, 6) === "const ") {
          if (word.includes("=>")) {
            if (word.includes("=")) {
              alert(word);       //It shows const toBeRead=()=>true;
              alert(eval(word)); // It shows undefined
              array.push(word);
            }
          }
        }
        return array;
      });
      alert(array);
    };
    r.readAsText(f);
  } else {
    alert("Failed to load file");
  }
}

实际上我正在为编码约定创建一个规则,比如如果函数返回布尔值,那么它应该以“is/has”开头。 像 const isFuncTrue=()=>true; 在 Eslint 中没有定义规则!

两种方法

  1. eval(jsstr) - 不推荐
  2. 脚本:

浏览器中的示例 - 如果没有 DOM,则不会运行

 const str = `const toBeRead = () => true; //This function is in text file` const scr = document.createElement("script") scr.textContent = str; document.body.appendChild(scr) console.log(toBeRead())

如何读取文本文件的内容并将其写入<div>使用普通的 JavaScript?</div><div id="text_translate"><p> <strong>问题:</strong>如何从文本文件中读取内容(与 html 页面一起保存在服务器上)并将该内容写入 HTML 页面上的<em>“innerHTML”</em>中?</p><p> <strong>上下文:</strong>我想创建一个用作博客的 static 网站。 但是,我希望只有一个帖子页面,每个帖子都从文本文件中读取并写入页面的主 div。 文本文件中的内容将用所需的 html 标记进行标记,以便它们在写入 div 时像 html 一样 function (但文件本身将保存为<em>.txt</em>文件)</p><p> 理想情况下,文本文件应该能够存储在与调用它的 html 页面(和/或脚本文件)不同的文件夹中。</p><p> <strong>附加信息:</strong>我遇到的大多数解决方案都与读取用户上传的文件有关。 这不是我想要理解的。 我试图了解如何从作为网站资产一部分存储的文本文件中读取数据。</p></div>

[英]How do I read a text file's content and write it to a <div> using plain JavaScript?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何将本地文本文件读取到本地html并将内容读取到javascript的二维数组? 如何在 JavaScript 中读取文本文件 Angular 4:如何使用 HTTPClient 读取文本文件的内容 如何使用javascript将.txt文件的内容作为数组读取? 如何读取javascript变量中的文件内容? 如何读取文本文件的内容并将其写入<div>使用普通的 JavaScript?</div><div id="text_translate"><p> <strong>问题:</strong>如何从文本文件中读取内容(与 html 页面一起保存在服务器上)并将该内容写入 HTML 页面上的<em>“innerHTML”</em>中?</p><p> <strong>上下文:</strong>我想创建一个用作博客的 static 网站。 但是,我希望只有一个帖子页面,每个帖子都从文本文件中读取并写入页面的主 div。 文本文件中的内容将用所需的 html 标记进行标记,以便它们在写入 div 时像 html 一样 function (但文件本身将保存为<em>.txt</em>文件)</p><p> 理想情况下,文本文件应该能够存储在与调用它的 html 页面(和/或脚本文件)不同的文件夹中。</p><p> <strong>附加信息:</strong>我遇到的大多数解决方案都与读取用户上传的文件有关。 这不是我想要理解的。 我试图了解如何从作为网站资产一部分存储的文本文件中读取数据。</p></div> 读取文本文件,然后使用JavaScript将内容保存在数组中 是否可以使用Javascript从本地文本文件中读取内容? 如何使用 JavaScript 验证文本文件的内容? 用Javascript读取文本文件?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM