将本地文本文件中的文本显示为div? (没有网络服务器)

时间:2016-10-26 17:59:00

标签: javascript jquery html css

我是一个Twitch流光,我正在尝试以我希望它动画的方式为我的流上的任何文本制作动画。我使用一种称为流标签的东西,它从我的流中获取最新信息,并将其作为.txt文件输出到我的电脑上的文件夹中。

我要做的是调用div中的.txt文件,设置样式,并使用OBS browsersource来使用该文件。我有它动画,它确实显示文本,但无法找出一种方式来设置它(对象内的内容)。我对JS很糟糕,我读过你不能用JS调用本地文件。有什么我可以用来实现这一目标吗?

这就是我所拥有的:

 <head>
    <link rel="stylesheet" href="style.css">
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>

<body>


<div id="element-animation">
</div>


<script>
document.getElementById('element-animation').innerHTML += '<object type="text/html" data="most_recent_follower.txt"></object>';
</script>

<script>
</script>


</body>

问题是,使用这种方式与使用html中的object标签没有区别,并且无法设置对象内容的样式。

1 个答案:

答案 0 :(得分:0)

你需要学习javascript的基础...特别是关于AJAX。

要从文件到文档的所有内容,您需要使用ajax - 使用ajax,除非关闭某些安全标志,否则您可能需要服务器。

jQuery(function($){
  $.get("most_recent_follower.txt", function(txt) {
    $('#element-animation').text(txt)
  })
})