如何通过 URL 参数应用 CSS？按 URL 隐藏 div答案

【问题标题】：How to apply CSS by URL Parameters? Hide div by URL如何通过 URL 参数应用 CSS？按 URL 隐藏 div
【发布时间】：2021-05-25 01:33:34
【问题描述】：

如何使用 URL 中的参数按 ID / Class 隐藏 div？

例如 site.com/?divID=hide

或者禁用特定的 CSS 来执行另一个。但它必须通过 URL：/

【问题讨论】：

我想你可以通过 ajax 来做。不管怎样，既然你是新手，让我告诉你，Stackoverflow 不是问“如何做这个功能？”的地方。而是“我正在尝试执行此功能，但它不起作用，如何解决？”一种网站。欢迎光临。

标签： javascript php css wordpress parameters

【解决方案1】：

var getParams = function() {
    var url = window.location
    var params = {};
    var parser = document.createElement('a');
    parser.href = url;
    var query = parser.search.substring(1);
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=');
        params[pair[0]] = decodeURIComponent(pair[1]);
    }
    return params
}

var urlParams= getParams();

您将在“urlParams”对象中获取 URL 参数，并使用该“urlParams[divID]”获取 URL 参数的详细信息并使用 jQuery/js 应用 CSS。

这是 jQuery 应用 CSS 的语法

https://www.w3schools.com/jquery/jquery_css.asp

这里是js应用CSS的语法

https://www.w3schools.com/js/js_htmldom_css.asp

【讨论】：

【解决方案2】：

在 HTML 中，您可以通过给它hidden 参数来隐藏您想要的任何元素。

    <div class="container" hidden> *content* </div>

这将隐藏 div 及其内容。如果你想用 PHP 来做，你可以这样做：（假设你的 URL 是site.com?hide）

<?php
$hide = isset($_GET['hide']); //this returns a boolean value
?>

<body>
    <div <?= $hide ? "hidden":""?> > *content* </div>
</body>

<?= $hide ? "hidden":""?> 所做的基本上是，如果设置了 GET 参数hide，将在您的 HTML（在您的 div 标签内）打印“隐藏”一词，这将使您的 div 不可见。

【讨论】：