Question

<div id="abc" style="display: none;"><h1>abc</h1></div>

您好！我隐藏div但是我想看看我输入的时间 #abc 我看不到这个文字。

Answer 1

如果人们想要这样做而不必使用JavaScript，那么CSS解决方案就是使用:target伪类，如评论中所述。

<!DOCTYPE html>
<html>
 <head>
  <title>Example</title>
  <style>
   #abc {display:none}
   #abc:target {display:block}
  </style>
 </head>
 <body>

  <div id="abc"><h1>abc</h1></div>

 </body>
</html>

Answer 2

这是使用jquery执行此操作的方法：

＆＃13;

var url = "https://abcdefgh.carrd.co/#abc";
var hash = url.substring(url.indexOf("#"));
// You can use 
// var hash = window.location.hash; 
// but i need to write the url to show you that is working.

if ($( hash ).length) { //check if div exists
 
    $( hash ).show();
 
}

＆＃13;

#abc, #cde
{
display:none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="abc">ABC</div>
<div id="cde">CDE</div>

＆＃13;

Answer 3

请根据您的要求查看以下样本。

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {

if(window.location.href.indexOf("#abc")!=-1)
{
    //alert("Page is loaded");
    document.getElementById("abc").style.display="block";
}
}
</script>
</head>
<body onload="myFunction()">

<h1>Hello World!</h1>


<div id="abc" style="display: none;"><h1>abc</h1></div>


</body>
</html>

Answer 4

应该这样做：

Robin@asgard02 ~/c/confluent-3.3.0> ./bin/confluent status connectors| \
                                    jq '.[]'| \
                                    xargs -I{connector} ./bin/confluent status {connector}| \
                                    jq -c -M '[.name,.connector.state,.tasks[].state]|join(":|:")'| \
                                    column -s : -t| \
                                    sed 's/\"//g'| \
                                    sort

file-sink-mysql-foobar       |  RUNNING  |  RUNNING
jdbc_source_mysql_foobar_01  |  RUNNING  |  RUNNING

关于DIV（隐藏和显示不是Java）

4 个答案: