javascript - 根据特定页面更改 Logo ？

Question

我有一个为不同品牌做广告的网站，所以对于每个不同的品牌，我都有一个新页面，因为每个品牌都有自己的 Logo ，我希望它根据当前正在查看的页面进行更改。这是我可以用 JavaScript 实现的吗？

标志示例:

<a href="/home" class="logo"><img src="images/header/logo.png?" width="62" height="53" alt="" /></a>

Answer 1

假设你有这样的 HTML

<a href="/home" class="logo">
<img id="logo" src="images/header/logo.png?" width="62" height="53" alt="" />
</a>

在你的 javascript/jquery 中，首先获取当前页面

var urlParts = document.URL.split("/");
lastPart = urlParts[urlParts.length-1] == '' ? urlParts[urlParts.length-2] : urlParts[urlParts.length-1];

lastPat 将包含 url 中的最后一段。例如，考虑 http://google.com/account，您将在 lastPart 中拥有帐户。

这个 lastPart 将包含当前页面/url 部分。您可以使用它来更改 Logo 路径

if(lastPrt == 'some_page_or_url_name') {
$("#logo").attr('src', 'path_to_image');
}

尝试这样的事情。