时间戳

首页 > 解决方案 > HTML 中的 HTML

html - HTML 中的 HTML

问题描述

我正在尝试构建一个可以执行任务的静态 HTML 页面。此页面需要独立，不能从磁盘或在线下载任何内容或访问任何外部资源。

很容易将我需要的 JScript 放在 script 标签中。但是，我需要将一个 HTML 模板文件合并到这个主要的 HTML 文件中......而不是可见的。

基本上主页面需要把这个内部的HTML拷贝到内存中，对其进行一些操作。

如何将该模板合并到主 HTML 文件中？请注意我的问题是不知道如何将模板存储在主 HTML 中的某个地方，以便当用户单击某个按钮时，我可以将这个 HTML 模板从主/当前文件读取到内存中以执行我的操作。

一些片段：

<!doctype html>
<html>
    <head> </head>
    <title>Main HTML</title>
    <body>

    </body>
 </html>

我的模板是这样的：

<!doctype html>
<html>
    <head> </head>
    <title>Template HTML</title>
    <body>

    </body>
</html>

谢谢你的想法。

标签： html

解决方案

将它放在 JavaScript 字符串文字（或模板文字）中。

const myTemplate = "<!DOCTYPE html><html lang=en><title>Template title</title>.......";

推荐阅读