javascript - 使用 JavaScript 将可重用内容注入(inject)网页?

标签 javascript jquery html

如果这被认为是一个太笼统的问题,我很抱歉。我有一个从头开始创建的网站,没有任何 CMS 或花哨的工具。我有大约 20 行 HTML 组成每个页面上相同的标题。因此,我应该在每个页面上需要标题的地方使用 document.write(header) 内联,这似乎是合乎逻辑的,并且在此之前有一种方法来获取 HTML来自本地 HTML 文件的 header 。

  • 这容易做到吗?
  • 如果是这样,我需要什么功能?
  • 您能否提供一个示例,假设外部文件名为 header.html

最佳答案

您可以使用 AJAX 来完成此操作 - 在页面加载时,将某个 URL 的内容插入到 DIV 中。这种技术的问题在于,它对于 SEO 来说确实很糟糕 - 爬虫会看到没有加载内容的页面。

切勿使用 document.write,因为它会停止页面执行,并且只能在加载期间有效使用,而不能在之后使用。

关于javascript - 使用 JavaScript 将可重用内容注入(inject)网页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25918623/

相关文章:

html - CSS 导航菜单中的事件页面带有 MVC3 中悬停效果的背景图像

javascript - 读取 SkyDrive 文件的内容

javascript - 当我尝试使用 parent.rifiutaSingolo() 从对话框执行定义到父页面的功能时,为什么会收到此错误消息?

jQuery 查找 'nth-child' 值

javascript - 如何使用 Jquery 切换 anchor 文本?

javascript - IE10 - 避免在 javascript 的全局范围内使用表单名称

javascript - 使用操作进行 jqgrid 内联编辑 - 无法显示错误消息

PHP 相当于 javascript 中的 $array[]

javascript - 单选按钮组验证。使用 alert Reactjs 突出显示所有未选中的单选按钮问题

javascript - 单击时 Jquery 多次显示警报消息