如何通过在url末尾添加指定参数来隐藏网页上的任何div？

Question

我是一名博主，目前正在学习html。所以我对javascript了解不多。现在我想知道如何通过添加这样的参数来隐藏网页中的任何 div。 意味着如果我在 url 的末尾添加 ?hide=header-wrapper，它应该隐藏 header-wrapper。我可以用 javascript 做这个吗？

我需要正确的代码来执行此操作。我想知道如何让代码自动检测 div 并像我在 url 中那样隐藏它 ?hide=divID。

如有任何帮助，我们将不胜感激。提前致谢。

Answer 1

这是一种方法：

function getUrlParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++) 
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam) 
        {
            return sParameterName[1];
        }
    }
}

$(document).ready(function() {
    var toHide = getUrlParameter('hide');

    if (toHide) {
        $('#' + toHide).hide();
    }
})

Answer 2

你也可以用这个。

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\[").replace(/[\]]/, "\]");
    var regex = new RegExp("[\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

$(document).ready(function() {
    var hide_id= getParameterByName('hide');


       /*just pass the name of query string parameter that you want to hide like
 in your url (`?hide=header-wrapper`) id that you want to hide is `header-wrapper`and query
 string parametername is `hide` so use getParameterByName('hide') */

if (hide_id) {
        $('#'+hide_id).hide();
    }
})

如何通过在url末尾添加指定参数来隐藏网页上的任何div？

How to hide any div on a webpage by adding a specified parameter at the end of url?

html

javascript

css

jquery

hide