从外部来源加载html

我想在多个页面中包括一个HTML剪辑（每个页面都有一个不同的开发工作流程&框架）。为了避免时剪断的变化，每个页面加载，目前看起来像这样从外部来源加载html

var html = "lots of html with <style> and <script> tags"; 
var wrapper = document.createElement("div"); 
wrapper.innerHTML = html; 
document.querySelector('body').appendChild(wrapper);

我正在寻找一个更好的解决方案使用以将来自其他来源的HTML内容的JavaScript文件更新每个页面的JavaScript。

来源

2016-01-23 Henrik

这是不是一个真正的堆栈溢出的风格问题。你并没有要求我们帮助解决代码问题。您要求我们帮助改进您的解决方案。您可能会从查看模板中受益。 – JBux

试试这个：

<html> 
    <head> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $('#selectedTarget').load('path/to/file.html'); 
      }); 
     </script> 
    </head> 
    <body> 
     <div id="selectedTarget"> 
      Existing content. 
     </div> 
    </body> 
</html>

来源

2016-01-23 21:56:03 k97513

从外部来源加载html

回答

相关问题