如何在使用JavaScript的许多文档中包含HTML

如果您希望在网站的多个网页上复制相同的内容,则需要使用HTML手动复制并粘贴该内容。 但使用JavaScript,您可以包含代码片段,而无需使用任何服务器脚本。

难度:一般

所需时间: 15分钟

这里的如何

  1. 编写您想要重复的HTML并将其保存到单独的文件中。
    1. 我喜欢将我的包含文件保存到一个单独的目录中,通常是“包含”。 我会将我的版权信息保存在如下include文件中:includes / copyright.js
  2. 由于HTML不是JavaScript,因此您需要将JS代码document.write添加到每一行。 document.write(“Copyright Jennifer Kyrnin 1992”);
  3. 打开您希望包含文件显示的网页。
  4. 在包含文件应显示的HTML中查找位置,并在其中放置以下代码:
  5. 更改路径和文件名以反映您的包含文件位置。
  6. 将相同的代码添加到您希望获取您的版权信息的每个页面上。
  7. 当版权信息发生变化时,编辑copyright.js文件。 上传完成后,它会在您网站的每个页面上发生变化。

提示

  1. 不要忘记js文件中每行HTML中的document.write。 否则,它将无法正常工作。
  2. 您可以将HTML或文本包含在JavaScript包含文件中。 任何可以在标准HTML文件中进行的操作都可以通过JavaScript包含文件进行。
  3. 您可以将JavaScript包含在HTML文档中的任何位置,包括头部。
  4. 网页文档不会显示包含的HTML,只显示对JavaScript脚本的调用。