Question

我正在使用Squarespace制作双语网站。

导航栏中的公司徽标通过Squarespace面板设置。我设法通过在标题中插入以下代码来覆盖默认的英文徽标：

var forbidden = "home decor learn";
var items = [
  ["decor", "decoration"],  
  ["learn", "learning"],
  ["home", "interior"],
];

for(i = 0; i<items.length; i++){
    forbidden = forbidden.replace(items[i][0], items[i][1]);
}
document.write(forbidden);

这可以将徽标从英语更改为法语，但是它会丢失回到主页的超链接（即它只是一个图像，不可点击）。

有没有办法将此链接发送到法国主页？它是页面上此类（h1.logo）的唯一项目。

PS - 我无法访问源代码。我所能做的就是将代码添加到页眉或页面的某个位置（作为代码块）。

Answer 1

您可以根据h1.logo查询添加事件监听器，并使用函数

location.href = URL

URL是您的愿望目的地，应该是这样的＆＃34; http://google.com＆＃34;

希望这会有所帮助：）

＆＃13;

var logo = document.querySelectorAll('h1.logo');
logo[0].addEventListener("click", function() {
  location.href = URL;
})

＆＃13;

<h1 class="logo">Click me</h1>

＆＃13;

使CSS类的所有元素充当链接

1 个答案: