javascript - 如何使用 javascript 读取 .txt 文件并在 HTML 中使用其内容

标签 javascript html file text

<分区>

我有一个 HTML 按钮,当我按下它时,我想使用 javascript 更改 P 标签的内容。内容位于 .txt 文件中(在与我的 html 文件相同的文件夹中称为“myText1.txt”)。我如何获取该内容并将其保存在名为 fileText 的 var 中,这样我就可以使用 document.getElementById("txt_nombre").innerHTML = fileText;

<button id="btn_change" onclick="changeTxt()">OK</button>
<br>
<p id="content"></p>

<script>

function changeTxt() {
    var fileText;
    document.getElementById("content").innerHTML = fileText;
}

</script>

</body>

最佳答案

不使用 AJAX 的不同方法,不确定它是否适用于您的情况。

您的文本文件内容如下(文件名可以是 content.txt 或 content.js 随便什么)

var fileText = "Some text. Lorem ipsum";

通过脚本标签将此文件添加到您的页面

<script type="text/javascript" src="content.txt"></script>

在你的按钮点击函数中使用下面的代码

document.getElementById("txt_nombre").innerHTML = fileText;

关于javascript - 如何使用 javascript 读取 .txt 文件并在 HTML 中使用其内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51814724/

相关文章:

c++ - 从文件中读取整数数据

javascript - 如何在 jQuery 中找到最近的 sibling

javascript - Qualtrics Javascript 在移动设备上运行不一致

javascript - D3.js y 轴刻度和网格线不对齐

html - float 创建重叠的 Div

jquery - iphone 和三星 galaxy 字体大小不同

java - 删除和重命名目录中多个文件时出现问题

python - 获取指针而不是字符串

javascript - 我的基于浏览器的 JS API 客户端可以工作,但处理请求似乎非常慢。问题可能是什么?

html - 当 iframe 高度可变时嵌入 iframe