Javascript js文件中的文本/模板?

Javascript js文件中的文本/模板?,javascript,html,Javascript,Html,我想将这段代码从我的html-文件移动到js-文件中,是否有任何平滑的方法可以做到这一点,而不必将html代码作为字符串 <script type="text/template" id="template_test"> <h4>Test</h4> <p>blablabla</p> </script> 试验 喋喋不休 谢谢 > p>您可以使用CurtEngEnter函数创建HTML元素,但是如果您打算移动

我想将这段代码从我的html-文件移动到js-文件中,是否有任何平滑的方法可以做到这一点,而不必将html代码作为字符串

<script type="text/template" id="template_test">
    <h4>Test</h4>
    <p>blablabla</p>
</script>

试验
喋喋不休


谢谢

> p>您可以使用CurtEngEnter函数创建HTML元素,但是如果您打算移动大量代码,则应该考虑使用模板引擎。

// Create the <h4> element
var heading = document.createElement("h4"); 

// add the text    
heading.textContent = "TEST";

// Create the text node <p>       
var p = document.createTextNode("blablabla");  

//get the element to which you want to append the h4 and p
var container = document.getElementById("myID");

// Append h4 and p 
container.appendChild(heading);
container.appendChild(p);          
//创建元素
var heading=document.createElement(“h4”);
//添加文本
heading.textContent=“测试”;
//创建文本节点
var p=document.createTextNode(“blablabla”);
//获取要附加h4和p的元素
var container=document.getElementById(“myID”);
//附加h4和p
容器.附加物(标题);
子容器(p);

为什么要将一些html代码放在javascript文件中?@LordNeo现在我所有的模板都放在我唯一的html文件中,而这些模板的所有代码都被分割到多个JS文件中。在JS文件中包含HTML代码将使JS代码更加结构化。您可以放置一些html,但它将以非本机方式(作为字符串或对象)显示。我建议将HTML文件拆分为较小的PHP文件,然后使用include选项将所有文件缝合在一起。HTML和JS都不是模板引擎,PHP是(或曾经是)。困难的方法是将HTML拆分为JS对象,然后将它们放在站点上,但我认为这会导致过载。