使用javascript是否可以基于用户是否来自特定网址（可能使用Referrer）添加一些CSS？

Question

我们在子域（即Landing.ourcompany.com）上有一个登录页面，该页面将人们转发到我们的Wordpress网站页面（ourcompany.com/page），但是我们想要一个内容项（带有CSS类）改为“无显示”如果它们来自该特定链接（即Landing.ourcompany.com）。 javascript是否可以检测Referrer链接，然后将CSS添加到页面？

Answer 1

是的，正如您所说，您可以在页面中执行类似的操作

if(document.referrer == "google.com"){
    document.body.classList.add("googleRef") //or whatever you want
}

然后，由于类位于正文中，因此样式表可以具有类似的内容

.googleRef .divThatIWantToHide{
    display: none
}

因此body标记元素上的类用作标志以指示要隐藏的内容。考虑到if语句需要改进