Javascript js文件中的文本/模板?
我想将这段代码从我的html-文件移动到js-文件中,是否有任何平滑的方法可以做到这一点,而不必将html代码作为字符串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元素,但是如果您打算移动
<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对象,然后将它们放在站点上,但我认为这会导致过载。