如何将外部文件中的文本插入div?

时间:2012-12-16 13:46:59

标签: file html text external

正如标题所说;我想将外部文件(text,html,php等)的内容放到div上。 外部文件中基本上有文本,名为:text_1.txt或* text_1.html *,我希望该文本显示在主页上的div中。


完美的解决方案是一个非常基本的代码,用于显示文本或html文件中的文本 通过将其插入div分类: content

这里我已经说明了基本代码的问题,以此为例编写解决方案。

text_1.html中的代码:

<p>Hello world.</p>

index.html中的代码:

<!doctype html>
<html>
<head>
<title>Homepage</title>
</head>

<body>


<div class="content"></div>


</body>
</html>

这很简单,我可以说。 我非常感谢收到的所有答案,谢谢。

PS这里有一些你应该避免回答的事情:

  • 使用iframe或任何其他帧类型解决方案。
  • 利用jquery等中的onclick功能
  • 使用无效的文本字段替换某些文本。
  • 使用虚拟服务器或类似方法的插入代码。

2 个答案:

答案 0 :(得分:2)

除非使用服务器端包含使用PHP,ASP或JSP,否则无法执行此操作

http://en.wikipedia.org/wiki/Server_Side_Includes

如果您想使用php进行操作,可以使用:

require_once('filename.php'); /* For including files */

或使用原生函数在您的网页中打开.txt个文件

答案 1 :(得分:0)

为什么不用jquery

来做
$(document).ready(function() {
 $('.content').load('text_1.html');
});