Html 关于div（隐藏和显示非Java） abc_Html_Css

Html 关于div（隐藏和显示非Java） abc

html css

Html 关于div（隐藏和显示非Java） abc,html,css,Html,Css,你好!！我隐藏了div，但我想在键入时看到它。#abc我看不到此文本。这是使用jquery的方法： var url=”https://abcdefgh.carrd.co/#abc"; var hash=url.substring（url.indexOf（“#”）； //你可以用 //var hash=window.location.hash； //但是我需要写一个url来告诉你这是有效的。 if（$（hash.length）{//检查div是否存在 $（hash.show（）； } #abc，

你好!！我隐藏了div，但我想在键入时看到它。#abc我看不到此文本。

这是使用jquery的方法：

var url=”https://abcdefgh.carrd.co/#abc";
var hash=url.substring（url.indexOf（“#”）；
//你可以用
//var hash=window.location.hash；
//但是我需要写一个url来告诉你这是有效的。
if（$（hash.length）{//检查div是否存在
$（hash.show（）；
}

#abc，#cde
{
显示：无；
}


基础知识
CDE

请根据您的要求查找以下样品

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


函数myFunction（）{
if（window.location.href.indexOf（“#abc”）！=-1）
{
//警报（“页面已加载”）；
document.getElementById（“abc”）.style.display=“block”；
}
}
你好，世界！
abc

如果人们想在不使用JavaScript的情况下完成这项工作，CSS解决方案是使用注释中提到的

:target

伪类

<!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>


实例
#abc{显示：无}
#abc:目标{显示：块}
abc

应该这样做：

<!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>

当你输入abc时，在哪里？要显示显示中的div:none，您需要javascript。仅使用css和html.Adress栏不能在“某事”发生后显示div。镀铬的。地址的结尾。那么您是想通过将div的id添加到url来使其可见吗？在这种情况下，请查找

：target

Yes。我正试着这么做。示例：Example.com#abcYou可以使用javascript来完成。我现在真的不知道如何使用html/css实现您想要的。在js中，您可以从url检索#abc，然后显示带有abc id的div。

if(window.location.href.indexOf("#abc")!=-1) {
    document.getElementById("abc").style.display="block";
}}