获取从.txt的文本，放在HTML

我想插入从.txt文件中的文本转换成HTML例如：获取从.txt的文本，放在HTML

<div class="pasteHere"> 
    <p>text from files/text.txt</p> 
</div>

一直在寻找这件事，但我是新来的HTML和需要简单说明。另外我将如何粘贴只有某一行？例如：

<div class="pasteHere"> 
    <p>line 1 from files/text.txt</p> 
    <p>line 2 from files/text.txt</p> 
    <p>line 3 from files/text.txt</p> 
</div>

我需要的信息手工来自一个文本文件，而不是将其插入或通过变量

来源

2017-02-10 Lewis

您正在使用哪种技术来读取文件？ .net，php，java，python？你有没有为此编写任何代码？ –

你可以使用iframe（唉！）或者为了通过javascript加载文本，阅读AJAX！ – Connum

我最初使用的是iframe，但我更愿意使用实际的文本，我没有做任何代码，因为我不知道从哪里开始，这是在维基页面，尽管只接受HTML，但它允许我使用尽管如此，我想它也将允许我使用 – Lewis

您可以使用jQuery的load功能。

步骤如下：

在HTML jQuery脚本文件。您可以使用CDN <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

编写脚本以加载到文件中的文本到网页。观察代码波纹管：

<div class="pasteHere"> 
    <p id="fileTextHere">text from files/text.txt</p> 
</div> 
<script> 
    $('#fileTextHere').load("[file url or location path]"); 
</script>

给负载函数内部的文件路径，而不[]括号

注意，如果你正在传递一个系统文件路径中加载功能将无法在Chrome工作因为chrome只允许通过互联网而不是本地桌面上的文件。尽管Firefox确实允许。

来源

2017-02-10 12:30:55 vatz88

嘿，感谢您的帮助。我已经使用了你提供的代码，并以hastebin为例来看看我是否可以抓取文本并将其添加到我的页面，但它看起来没有工作，只是显示段落标记中的“文本”，这里是我的[code]（https://hastebin.com/ugulamijim.xml）我的猜测是它应该显示“testtext” – Lewis

你在调用load函数后包含jQuery。看到正确的代码[这里]（https://hastebin.com/gakoleweyo.xml） – vatz88

啊，我已经改变了我的代码到你的版本，但我仍然有相同的问题，它只是显示'文本'，而不是链接上的'测试'消息 – Lewis

获取从.txt的文本，放在HTML

回答

相关问题