18910140161

JavaScript-使用PHP或JS在所有页面中加载相同的模板,然后用页面特定的信息更新加载的模板-堆栈溢出

顺晟科技

2022-10-19 11:59:46

82

我有一个模板文件,其中包含一些基本的HTML标记。使用Javascript,这个模板文件被加载到每个页面上。我如何使它,所以模板将删除“演示标题”,并取代它与“联系我们”或“信息”的基础上的网页上?...我知道解决方案需要某种类型的变量,但不确定如何实现。


为了简单起见,我有3个HTML页面。

  • 联系人-us.html
  • information.html
  • title-image-description.html

我创建了一个名为的模板文件,其中包含标题区域、图像区域和说明区域的HTML标记。

title-image-description.html

title-image-description.html

我已经创建了并且包含JavaScript AJAX,它将在这些页面上加载。

联系人-us.html&information.html

title-image-description.html

问题: 未更新页面标题、图像和说明。

预期结果

  • 显示标题“联系我们”,说明“欢迎与我们联系”
  • 显示标题“信息”,说明“欢迎使用信息”

实际结果

  • 显示标题“演示标题”,说明“演示说明”
  • 显示标题“演示标题”,说明“演示说明”

我知道我需要:

  • 在and上添加:3个变量(但是如何添加?)

    • var page-title=“联系我们”
    • var page-image=“/contact-us.png”
    • var page-title=“欢迎与我们联系”
  • 更新:

    • 将“demo title”替换为“<?php get-var:page-title>”
    • 将“demo image”替换为“<?php get-var:page-image>”
    • 将“demo description”替换为“<?php get-var:page-description>”

问题

  1. 应该使用PHP还是JS来创建变量。
  2. 应该使用什么代码?

顺晟科技:

我能够使用JavaScript解决这个问题。我不确定JavaScript是否是这个问题的最佳解决方案,但下面的代码很有效。

  1. 更新模板文件

    title-image-description.html

    title-image-description.html
  2. 使用此代码更新页面。 联系人-us.html&information.html

    title-image-description.html
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航