如何導入放置在txt文件中的.html文件中的代碼？

所以，我想要的是這個。我有一個HTML文件，我想從代碼加載文本文件。因此，瀏覽器應該從該文本文件中獲取代碼並將其作爲HTML代碼的一部分進行閱讀。這裏有一個例子：如何導入放置在txt文件中的.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.

只要告訴我的方式，我可以達到這個目的。

感謝，

等待你的答案！

來源

2017-10-15 Jon Snow

這是你想要做什麼？ [w3，js - 包含HTML]（https://www.w3schools.com/howto/howto_html_include.asp） – cometguy

w3.js包括HTML將使用Javascript，這將減少我不想要的SEO性能。由於搜索引擎優化抓取工具不會抓取這些信息，所以如果您想查看以下鏈接： https://www.hongkiat.com/blog/html-import/ （參見最終想法的最後一節） –

那麼在渲染過程中會包含任何代碼。我不確定瀏覽器是否允許在沒有JS的情況下從外部源進口（如我們允許使用'img'）。如果你正在尋找一個基於模板的方法（在開發過程中），那麼很多庫都可用 - [eJs模板]（https://scotch.io/tutorials/use-ejs-to-template-your-node-application），[angularJs]（https://docs.angularjs.org/guide/templates）等。它們允許你以這種方式發展。 – cometguy

我得到了解決方案。

而解決方法是使用「php include」。

<?php include("code.text"); ?>

或者類似地，您可以將其用於其他文件。

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

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

您可以導入任何代碼文件像這樣（文本，HTML，CSS等），瀏覽器將讀取的代碼作爲主代碼的一部分。

通過這種方式，您可以使用它來創建模板，以便您不必一次又一次鍵入相同的代碼。

此外，如果您打算進行一些更改，則所做的更改將應用於任何地方。如果您正在創建博客，或者您的網站有多個相同部分的網頁，這將爲您節省大量時間。

獲得完整的指南，使用PHP的這項技術 '包括' 在這裏：

http://www.apaddedcell.com/how-automatically-include-your-header-navigation-and-footer-every-page

來源

2017-10-15 15:29:12

你不會說.... :) –

可以加載這個與jQuery AJAX的內容。你DIV看起來就像這樣：<div id="content"></div>

而你所說的文件用ajax：

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

您可以查看更多http://api.jquery.com/jquery.ajax/

來源

2017-11-13 18:03:46

爲什麼不使用SHTML？

SHTML是一個包含服務器指令或服務器端包含的HTML文件，與ASP文件類似。

它嵌入在一個標準的XML評論，看起來是這樣的：

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

例如，一個的.shtml頁包括資源可以如下：

<!doctype html> 
<html lang="en"> 
<head> 
    <title>My SHTML Page</title> 
</head> 
<body> 
    <!--#include virtual="content.html" --> 
</body> 
</html>

您可以使用在頁面中包含一個通用頁眉和頁腳，因此您不必重複代碼，並且更改一個包含的文件即可立即更新所有頁面。

阿帕奇可以配置解析與特定文件擴展名的文件，如的.shtml，與http.conf文件中以下指令：

AddType text/html .shtml 
AddHandler server-parsed .shtml

來源

2017-11-13 20:29:22 Nick

如何導入放置在txt文件中的.html文件中的代碼？

回答

相關問題