我正在使用 Squarespace 制作一个双语网站。
导航栏中的公司 Logo 是通过 Squarespace 面板设置的。我设法通过将以下代码插入 header 来覆盖默认的英文 Logo :
<style> h1.logo { content: url("url_of_french_logo");} </style>
这可以将 Logo 从英文更改为法文,但是它会丢失返回主页的超链接(即它只是一张图片,不可点击)。
有没有办法让这个链接到法语主页?它是页面上该类 (h1.logo) 的唯一项。
PS - 我无权访问源代码。我所能做的就是将代码添加到页眉或页面上的某处(作为代码块)。
最佳答案
您可以根据您的 h1.logo
查询添加一个事件监听器,
并使用函数
location.href = URL
URL
作为您想要的目的地 adn 应该如下所示“http://google.com”
希望这有帮助:)
var logo = document.querySelectorAll('h1.logo');
logo[0].addEventListener("click", function() {
location.href = URL;
})
<h1 class="logo">Click me</h1>
关于javascript - 使 CSS 类的所有元素充当链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49702501/