Question

我正在使用Blogger，在“预览”帖子页面上，它隐藏了一个带有'display：none'的元素。我想要做的是，在“预览”期间使用javascript将'display：block'应用于该元素。

我必须使用javascript，因为Blogger没有我可以使用的任何类型的XML条件语句;并且无法更改默认样式。

网址如下所示：https://myblogexample.blogspot.com/b/post-preview?token=XXXXXXXXXXXXXXXXXXXXXXXXXX&type=POST

令牌显然总是随机的。那么我如何获取URL的一部分并将内联样式应用于特定元素？我的javascript技能很糟糕，但这就是我想出来的，它不起作用......

$(document).ready(function(){
    if((window.location.protocol + "//" + window.location.host + "/b/post-preview) = document.getElementById('Main-Section').style.display = 'block'})
});

Answer 1

您的javascript代码无效，浏览器无法对其进行解析。

当您进入“yourbloghost.com/b/post-preview?token=something”页面时，您要求显示页面的某些部分，对吗？

您可以使用以下内容执行此操作：

$(document).ready(function(){
    if (window.location.pathname == "/b/post-preview")
    {
        document.getElementById('Main-Section').style.display = 'block';
    }
});

或者：

$(document).ready(function(){
    if (window.location.pathname == "/b/post-preview")
    {
        $("#Main-Section").show();
    }
});

获取URL以添加内联样式

1 个答案: