如何根据 url 替换页面中的 html 和 css答案

【问题标题】：How can I remplace html and css in a page depending on the url如何根据 url 替换页面中的 html 和 css
【发布时间】：2018-10-02 06:39:35
【问题描述】：

我有一个这样的导航：HOME TRAVEL MEDIA

旅游和媒体页面布局相同但元素不同，主色和文字应根据我们所在的部分而变化。

旅行

主色 = @red

text = 你在旅行区

媒体

主色 = @blue

text = 您在媒体部分

如何动态加载这些元素并根据 URL 更改 css？我猜我必须为每个部分创建一个数组并根据 URL 调用变量，但是如何更改 CSS？

【问题讨论】：

【解决方案1】：

你应该使用javascript来实现这种动态变化。要获取 url，您可以使用 window.location.href 然后使用“if”语句可以控制每个页面。例如：

if (window.location.href == "http://www.yourwebsite.com/TRAVEL")
    document.getElementById("yourCssElement").classList.add('travel');

其他页面也是如此。

然后在 css 中为每个类（旅行、媒体等）设置所需的样式

就是这样，当您使用相关 url 加载页面时，相应的类将被添加到您的元素中。

【讨论】：