有没有一种简单的方法可以使用HTML在所有页面上加载外部标题?

时间:2015-11-24 21:09:31

标签: jquery html css

我正在一个有20多个页面的网站上工作,并且更新所有页面上的主要链接变得非常烦人。我能够在我创建的Wordpress模板上使用PHP做到这一点,但我正在使用的当前网站只使用HTML,CSS和jQuery,我希望保持这种方式。

3 个答案:

答案 0 :(得分:3)

HTML5导入应该可以解决问题

<link rel="import" href="/path/to/imports/stuff.html">

答案 1 :(得分:0)

我想你可以使用jQuery的get方法发送一个ajax请求,但它并不是很理想。除此之外,您可以使用iframe。

答案 2 :(得分:0)

将标题编写为JavaScript文件的一种方法是:

// header.js
document.write('\
    <em>Add your HTML code here</em>\
');

然后将您的js文件加载到您的html文件中:

<html>   
   <body>
      <p>This html content is written before header</p>
      <script src="header.js"></script>
      <p>And this one after</p>
   </body>
</html>