Javascript 如何通过URL参数应用CSS?按URL隐藏div
如何使用URL中的参数按ID/类隐藏div 例如site.com/?divID=hide 或者禁用一个特定的CSS来充当另一个CSS。但它必须通过URL:///p>Javascript 如何通过URL参数应用CSS?按URL隐藏div,javascript,php,css,wordpress,parameters,Javascript,Php,Css,Wordpress,Parameters,如何使用URL中的参数按ID/类隐藏div 例如site.com/?divID=hide 或者禁用一个特定的CSS来充当另一个CSS。但它必须通过URL:///p>var getParams=function(){ var getParams = function() { var url = window.location var params = {}; var parser = document.createElement('a'); parser.href
var getParams=function(){
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();
var url=window.location
var params={};
var parser=document.createElement('a');
parser.href=url;
var query=parser.search.substring(1);
var vars=query.split('&');
对于(变量i=0;i
您将在“urlparms”对象中获取URL参数,并使用“urlparms[divID]”获取URL参数的详细信息,并使用jQuery/js应用CSS
下面是jQuery应用CSS的语法
下面是应用CSS的js语法
在HTML中,您可以通过指定
hidden
参数来隐藏所需的任何元素
<div class="container" hidden> *content* </div>
基本上,
所做的是,如果设置了GET参数hide
,就会在HTML中(在div标记内)打印“hidden”一词,这会使div不可见。我想你可以通过ajax实现。不管怎样,既然你是新来的,让我告诉你Stackoverflow不是一个问“如何做这个功能?”的地方,而是一个“我正在尝试做这个功能,但它不起作用,如何解决它?”的网站。欢迎光临。
<?php
$hide = isset($_GET['hide']); //this returns a boolean value
?>
<body>
<div <?= $hide ? "hidden":""?> > *content* </div>
</body>