【问题标题】:HTML page template or easy repeat of codeHTML 页面模板或简单的代码重复
【发布时间】:2017-06-24 11:20:04
【问题描述】:

所以我今天一直在我的网站上工作,我希望某些功能出现在每个页面上,例如带有版权符号的页脚、总体布局、订阅栏等,以便我可以创建一个新页面, “模板”中的快速链接,然后只是将广告内容添加到内容部分。

我有一个 javascript 在每个页面上运行我的导航菜单,但只是将菜单的 1 行代码带入每个页面。但我想为通用模板做类似的事情

可以这样做吗?

我不能使用 php,因为 github 不运行 php。

干杯

编辑:

	<div class="copyright-container">
		<div class="vert-align">
			<p class="headline">Copyright &copy; 2017 RyanTeaches - All Rights Reserved.</p>
		</div>
	</div>

【问题讨论】:

标签: javascript html css templates


【解决方案1】:

好吧,您可以创建一个 Javascript 文件,在文档准备好后将您想要的所有内容附加到 body。但它不会像使用 PHP 的 include 那样完美。

使用 jQuery 附加页脚的示例:

$(document).ready(function() {
    $("body").append("<footer> © All right reserved. 2000-2017 </footer>");
});

【讨论】:

  • 请原谅我的天真,我一般是编码新手——我从未使用过 Jquery。我已经用我想要的所有页面上的一些代码更新了我的问题。我想我将所有这些都放在上面代码部分的“”中。我是否将您的代码放在 .js 文件中,并使用
  • document.body.innerHTML += '&lt;div class="copyright-container"&gt;&lt;div class="vert-align"&gt;&lt;p class="headline"&gt;Copyright &amp;copy; 2017 RyanTeaches - All Rights Reserved.&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;'; 会为你工作
  • 我该把代码放在哪里呢?在 .js 文件中?然后如何将其链接到我的页面?
  • 创建一个新的 .js 文件,例如 general.js。然后,在每一页上,您像这样链接文件:&lt;script src="general.js"&gt;&lt;/script&gt;。请注意src 属性是相对的,因此请根据您的路径进行更改。
  • 实际上没有 - 我的错,当有更多内容时它确实保留在那里!非常感谢,非常感谢!! :D
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-12-24
  • 2012-02-13
  • 1970-01-01
  • 2013-11-17
  • 1970-01-01
  • 2019-07-11
  • 1970-01-01
相关资源
最近更新 更多