Javascript 使用HTML代码添加JS文件_Javascript_Html

Javascript 使用HTML代码添加JS文件

javascript html

Javascript 使用HTML代码添加JS文件,javascript,html,Javascript,Html,可以创建一个.js文件并向其中添加html代码吗。我对将客户端脚本编码放入.js文件很感兴趣。然后我可以将该文件放在另一个位置，调用它来加载HTML代码这一切都在桌面计算机上，没有服务器类型的支持 <script type="text/javascript" src="file.js"></script> 我想把它添加到头部部分，这是我认为我需要的部分。但我想知道这是否可能谢谢请查看此代码： var type = document.createAttribu

可以创建一个.js文件并向其中添加html代码吗。我对将客户端脚本编码放入.js文件很感兴趣。然后我可以将该文件放在另一个位置，调用它来加载HTML代码

这一切都在桌面计算机上，没有服务器类型的支持

<script type="text/javascript" src="file.js"></script>

我想把它添加到头部部分，这是我认为我需要的部分。但我想知道这是否可能

谢谢

请查看此代码：

var type = document.createAttribute("type");
type.value = 'text/javascript';

var src = document.createAttribute("src");
src.value = 'file.js';

var scrpt = document.createElement("script");
scrpt.setAttributeNode(type);
scrpt.setAttributeNode(src);

var head = document.getElementsByTagName("head")[0];
head.appendChild(scrpt);

嗯，有几种方法可以实现你的目标

原始Javascript

index.html：

<html>
  <body>
    <script src="content.js"></script>
  </body>
</html>

<html>
  <body>
    <script src="handlebars.js"></script>
    <script src="content.js"></script>
  </body>
</html>

template.html：

<h1>Hello {{name}}</h1>

template（）

调用的参数中的属性被填充到模板内相应的

{{name}

中。

是的，您可以让JS生成html。e、快速/肮脏/简单的例子：

document.write（“himom！
”）如何将HTML插入.js文件？function foo（）{…code to build HTML…}因此，当我在主页上添加函数foo*（{HTML code}）时，它可以工作。当我尝试将它添加到.js文件并嵌入它时，我认为我做得不对，因为它似乎工作不太正常。嗯，“不工作”是无用的信息。如果是的话，你就不会在这里了……在这种情况下，我没有访问HTTP的权限。它只能从桌面上运行
var xhr = new XMLHttpRequest();
xhr.onload = function() {
  var template = Handlebars.compile(this.responseText);
  document.body.innerHTML += template()
};
xhr.open('get', 'template.html');
xhr.send();

<h1>Hello {{name}}</h1>

var xhr = new XMLHttpRequest();
xhr.onload = function() {
  var template = Handlebars.compile(this.responseText);
  document.body.innerHTML += template({name: 'World'})
};
xhr.open('get', 'template.html');
xhr.send();