Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何导入放置在txt文件中的.html文件中的代码?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何导入放置在txt文件中的.html文件中的代码?

Javascript 如何导入放置在txt文件中的.html文件中的代码?,javascript,html,css,Javascript,Html,Css,所以,我想要的是这个。我有一个HTML文件,我想从文本文件加载代码。因此,浏览器应该从该文本文件中获取代码,并将其作为HTML代码的一部分读取。以下是一个例子: 假设我有一个HTML文件,其代码为:- <html> <head></head> <body> <div src="code.txt"></div> [ I made this code. I know this code does not exist.] &l

所以,我想要的是这个。我有一个HTML文件,我想从文本文件加载代码。因此,浏览器应该从该文本文件中获取代码,并将其作为HTML代码的一部分读取。以下是一个例子:

假设我有一个HTML文件,其代码为:-

<html>
<head></head>
<body>

<div src="code.txt"></div> [ I made this code. I know this code does not exist.]

</body>
</html>

[我制定了此代码。我知道此代码不存在。]

我有一个名为“code.text”的文本文件:

<h2>Welcome</h2>
<img src="sample.jpg">
<p>This is the paragraph.</p>
欢迎您
这是一段


因此,我没有在实际的HTML文件中编写代码,而是将代码保存在一个文本文件中,并希望随时使用它们。我知道下面的代码不存在

<div src="code.text"></div>

I made up this code just to show what i want.

我编这段代码只是为了显示我想要的。
**

告诉我怎样才能达到这个目的

**

谢谢

等待你的回答

我找到了解决办法

解决方案是使用“php包含”


或者类似地,您可以将其用于其他文件

<?php include("your_html_code.html"); ?>

<?php include("your_html_css.css"); ?>

您可以像这样导入任何代码文件(文本、html、css等),浏览器将读取代码作为主代码的一部分

通过这种方式,您可以使用它来创建模板,这样您就不必一次又一次地键入相同的代码

此外,如果您打算进行一些更改,那么这些更改将应用于所有地方。如果你正在创建一个博客,或者你的网站上有很多页面都有相同的部分,这将为你节省很多时间

在此处获取使用php“include”技术的完整指南:

我找到了解决办法

解决方案是使用“php包含”


或者类似地,您可以将其用于其他文件

<?php include("your_html_code.html"); ?>

<?php include("your_html_css.css"); ?>

您可以像这样导入任何代码文件(文本、html、css等),浏览器将读取代码作为主代码的一部分

通过这种方式,您可以使用它来创建模板,这样您就不必一次又一次地键入相同的代码

此外,如果您打算进行一些更改,那么这些更改将应用于所有地方。如果你正在创建一个博客,或者你的网站上有很多页面都有相同的部分,这将为你节省很多时间

在此处获取使用php“include”技术的完整指南:


您可以使用jqueryajax加载此文档的内容。您的div将如下所示:

您可以使用ajax调用该文档:

$.ajax("code.text").done( html =>{ $('#content').html(html) });

您可以在

上查看更多信息。您可以使用jQuery ajax加载此文件的内容。您的div将如下所示:

您可以使用ajax调用该文档:

$.ajax("code.text").done( html =>{ $('#content').html(html) });

您可以在

上查看更多信息,为什么不使用SHTML?

SHTML是一个HTML文件,包含服务器指令或服务器端包含,类似于ASP文件

它嵌入在标准XML注释中,如下所示:

<!--#include virtual="../top.shtml" -->
<!--#include virtual="../quote.txt" -->

为什么不使用SHTML?

SHTML是一个HTML文件,包含服务器指令或服务器端包含,类似于ASP文件

它嵌入在标准XML注释中,如下所示:

<!--#include virtual="../top.shtml" -->
<!--#include virtual="../quote.txt" -->

这就是你想做的吗?js include HTML将使用Javascript,这将降低SEO性能,这是我不希望看到的。因为搜索引擎优化爬虫不会抓取这些信息,如果你想看的话,这里有一个链接:(见最后一部分)在呈现过程中,任何包含代码的东西都会被抓取。我不确定浏览器是否允许从没有JS的外部源导入(就像我们允许使用
img
)。如果您正在寻找一种基于模板的方法(在开发过程中),那么有很多库可用-,等等。它们允许您以这种方式进行开发。这是一种后端方法,而不是前端方法。由于主要目的是向用户交付最终代码,为什么您应该向他交付一个部分,然后进行处理以添加剩余部分(除非是使用Angular等工具的交互式或单页网站),谢谢您的回答,但我找到了解决方案。哟!这就是你想做的吗?js include HTML将使用Javascript,这将降低SEO性能,这是我不希望看到的。因为搜索引擎优化爬虫不会抓取这些信息,如果你想看的话,这里有一个链接:(见最后一部分)在呈现过程中,任何包含代码的东西都会被抓取。我不确定浏览器是否允许从没有JS的外部源导入(就像我们允许使用
img
)。如果您正在寻找一种基于模板的方法(在开发过程中),那么有很多库可用-,等等。它们允许您以这种方式进行开发。这是一种后端方法,而不是前端方法。由于主要目的是向用户交付最终代码,为什么您应该向他交付一个部分,然后进行处理以添加剩余部分(除非是使用Angular等工具的交互式或单页网站),谢谢您的回答,但我找到了解决方案。哟!