如何将文本文件包含到javascript中

时间:2011-09-15 15:15:55

标签: javascript import include inline

有没有办法将其他文件中的某些文本加载到javascript中,没有服务器端代码?

我正在考虑使用另一个元素将文本保存在一些注释中,但我不知道如何使用javascript读取它的源代码。

类似的东西:

<script src="myfile.js"></script>

<script> function readMyText() { ... }</script>

在myfile.js中: /* some text */

3 个答案:

答案 0 :(得分:11)

如果你给它一个“类型”,而不是浏览器理解为“JavaScript”的意思,你可以把你想要的任何东西放到脚本标签中:

<script id='Turtle' type='text/poem'>
  Turtle, turtle, on the ground;
  Pink and shiny - turn around.
</script>

您可以通过“innerHTML”属性获取内容:

var poemScript = document.getElementById('Turtle');
var poem = poemScript.innerHTML;

Here is a jsfiddle to demonstrate.

最近人们通过模板进行客户端页面构建这个技巧很受欢迎。

答案 1 :(得分:1)

不使用ajax或任何服务器代码...对不起交配,但你不能:(

答案 2 :(得分:-1)

根据Pointy的回答,从本地文件导入:

<script src="foo.txt" id="text" type="text">
</script>

您也可以使用它来定位外部文件:

<script src="http://foo.txt"></script>