Javascript 如何导入放置在txt文件中的.html文件中的代码?
所以,我想要的是这个。我有一个HTML文件,我想从文本文件加载代码。因此,浏览器应该从该文本文件中获取代码,并将其作为HTML代码的一部分读取。以下是一个例子: 假设我有一个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>
<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等工具的交互式或单页网站),谢谢您的回答,但我找到了解决方案。哟!