我想创建包含在几个html页面上的常见页眉和页脚页面.
我想用javascript.有没有办法只使用HTML和JavaScript?
我想在另一个html页面中加载页眉和页脚页面.
是否有任何jquery插件用于在HTML页面中保持公共页眉和页脚?
就像我可以将header.html和footer.html添加到index.html中一样.
我知道我可以使用php,但如果可能的话,我想不用在我的本地PC上安装任何服务器.完成所有工作后,我将使用PHP包括
了header.html
<title>Template</title>
<meta name="description" content="">
<link rel="stylesheet" href="css/styles.css?v=1.0">
<script src="js/modernizr-2.0.6.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
的index.html
{include header.html}
<body class="home">
{include footer.html}
Run Code Online (Sandbox Code Playgroud)
Footer.html
<footer class="f1">
<p>copyright © year</p>
</footer><!-- .f1 -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="js/general.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 我正在使用 Play 框架。
在模板中,可以执行以下操作以包含 css。
<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
Run Code Online (Sandbox Code Playgroud)
但我想做的是将 css 直接包含到网页中
<style>@[include the static file contents]</style>
Run Code Online (Sandbox Code Playgroud)
那可能吗?
我想知道如何将标头(或只是任何html文件)添加到另一个html文件中。我尝试使用iframe,但是它只是重定向了iframe内部。一旦完成我的网站,我可能会有很多页面,因此仅添加一个头文件即可更改标题,这将非常有用,只需更改一个文件即可,而不必在所有页面上都进行更改。有谁知道如何做到这一点?提前致谢。