Question

我已经知道的事情：

我使用单个文件来表示我在所有页面中包含的页眉和页脚：

<script>
   $(function(){
     $("#header").load("header.html");
     $("#footer").load("footer.html");
}
</script>

并在<body>部分添加：

<body>    
<div id="header"></div>
<div id="footer"></div>
</body>

必填：

我希望将以下内容保存在单个单独的文件中，并在所有页面中包含＆＃39; <head>部分。

<script type="text/javascript" src="signupjs/jquery.reveal.js"></script>
<link rel="stylesheet" href="signupjs/reveal.css">
<!-- some more elements -->

我尝试在.load()部分应用已知方法，即<div id=""></div>和<head>，但很明显，它没有用。内容已加载到<body>部分。

是否有技术可以实现这一目标？

应用：这可能有助于我在设计上花费更多时间，而不是在所有页面中反复复制相同的标签。

Answer 1

HTML

<head>

// we can append here

</head>

Jquery的

$('head').append('<link rel="stylesheet" type="text/css" href="signupjs/reveal.css">');

$('head').append('<script type="text/javascript" src="signupjs/jquery.reveal.js"></script>');

Answer 2

正如this question所述，你可以像这样添加你的CSS

$('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', 'your stylesheet url') );

您可以对javascript执行相同的操作，但您还可以使用其他一些选项。您可以使用$.getScript的jQuery，也可以使用requirejs。我推荐require.js，你可以用这个库来

var librari = require("js/librarie.js");

如何使用jQuery从单个文件中包含样式，js，meta等元素？

2 个答案: