javascript - 获取 URL 以添加内联样式

Question

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

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

URL 看起来像这样:https://myblogexample.blogspot.com/b/post-preview?token=XXXXXXXXXXXXXXXXXXXXXXXXXX&type=POST

token 显然总是随机的。那么如何获取 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();
    }
});