隐藏div方法（刷新页面之后隐藏指定DIV怎么实现）

本文目录

• 刷新页面之后隐藏指定DIV怎么实现
• JS如何控制DIV的显示和隐藏
• html怎么显示隐藏div
• 求用jquery点击空白处隐藏div的方法，寻找最简单的方法
• 用js或者jq隐藏div
• div标签怎么隐藏显示

刷新页面之后隐藏指定DIV怎么实现

可以使用JavaScript来实现。下面举个例子： 这是需要在页面刷新后隐藏的div function hideDivOnLoad() { const targetDiv = document.getElementById("targetDiv"); targetDiv.classList.add("hidden-on-refresh"); }在这个例子中，我们创建了一个CSS类 .hidden-on-refresh 用于隐藏元素（通过 display: none;）。然后，在 window.onload 事件处理函数中，获取了id为 “targetDiv” 的元素，给它添加了这个隐藏的CSS类。这样，当页面加载完成后，指定的div就会被隐藏起来。每次刷新页面，事件处理器都会执行，然后确保div始终是隐藏状态。
《!DOCTYPE html》
《html lang="en"》
《head》
《meta charset="UTF-8"》
《meta name="viewport" content="width=device-width, initial-scale=1.0"》
《style》
.hidden-on-refresh {
display: none;
}
《/style》
《/head》
《body onload="hideDivOnLoad()"》
《div id="targetDiv"》这是需要在页面刷新后隐藏的div《/div》
《script》
function hideDivOnLoad() {
const targetDiv = document.getElementById("targetDiv");
targetDiv.classList.add("hidden-on-refresh");
}
《/script》
《/body》
《/html》

JS如何控制DIV的显示和隐藏

我们进行网页开发的时候，经常需要运用JS去控制某个div的显示或者隐藏。下面小编通过实例教大家如何实现这种功能。
打开Sublime Text器，新建一个HTML文档，注意一定要设置编码格式为utf8，如下图所示
然后在Body区域准备一个div和一个button按钮，接下来会实现点击按钮来显示和隐藏DIV，如下图所示
接下来我们实现JS脚本的功能，如下图所示，主要运用display属性来控制div的显示或者隐藏
最后运行页面，我们点击按钮的时候就会实现对div区域的显示或者隐藏了，如下图所示

html怎么显示隐藏div

html显示隐藏分区

数字一（one）

2

3

style=typediv1//隐藏

文档，getElementById(typediv1//显示

通过设置display属性，可以在隐藏div后释放被占用的page空，如下所示

数字一（one）

2

3

style=typediv1//隐藏

文档，getElementById(typediv1//显示

$(#h#td1#td1tr

显示

$(#str

代码性能不好，可以自己改进。

展开数据

用tbody藏起来。div和table不容易穿越。

js控制p显示与隐藏？

使用JavaScript控制p的显示隐藏，通常是修改p元素的display为none。display属性定义和用法display属性规定元素应该生成的框的类型。display属性可能的值JavaScript控制p的隐藏

隐藏之后鼠标放不上去是怎么回事css

新建一个html文件，命名为test.html，用于讲解css实现鼠标放在文字上，隐藏的p显示出来。

在test.html文件内，使用ulli创建一行列表，在li标签里面使用a标签创建一个文字链接。

在a标签的下面，创建一个p模块，在p内写上测试的文字。

在test.html文件内，创建css标签，在css内初始化页面所有元素样式，设置内外边距都为0。

使用css设置p隐藏（display:none），并且设置p内的文字颜色为红色（color:red）。

使用css设置li的hover属性，实现当鼠标放在li标签内的a链接上面时，通过把p的display属性设置为block，把p显示出来。

在浏览器打开test.html文件，查看实现的效果。

html如何设置隐藏的块固定位置？

1

/7

新建一个html文件，命名为test.html，用于讲解html中怎么用CSS固定一个p模块位置不变。

2

/7

在test.html页面中，创建一个p模块，并在p内写上测试的文字，用于测试。

3

/7

在test.html页面中，使用css设置p的宽度为100%，高度为100px。代码如下：

4

/7

在test.html页面中，使用css设置p内的文字垂直、水平居中，并设置文字的大小为30px。代码如下：

5

/7

在test.html页面中，使用css设置p内的文字颜色为白色，同时设置p的背景颜色为红色。代码如下：

6

/7

最后，在test.html页面中，使用css设置p的位置属性为absolute，即在页面中固定位置，并使用bottom设置p固定在页面的底部。

7

/7

在浏览器打开test.html页面，可见，p成功固定在页面的底部。

p如何显示在浏览器外？

自己体会一下吧。

#myp{

background-color:#FFCC66;

border:1pxsolid#f00;

text-align:center;

line-height:40px;

font-size:12px;

font-weight:bold;

z-index:99;

width:300px;

height:120px;

left:50%;/*FFIE7*/

top:50%;/*FFIE7*/

margin-left:-150px!important;/*FFIE7该值为本身宽的一半*/

margin-top:-60px!important;/*FFIE7该值为本身高的一半*/

margin-top:0px;

position:fixed!important;/*FFIE7*/

position:absolute;/*IE6*/

_top:expression(eval(document.compatMode

document.compatMode==’CSS1Compat’)?

documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)/2:/*IE6*/

document.body.scrollTop+(document.body.clientHeight-this.clientHeight)/2);/*IE5IE5.5*/

}

html中能不能设置p超出部分不显示？

可以的，父级元素使用overfloat:hidden

求用jquery点击空白处隐藏div的方法，寻找最简单的方法

把这个div放在一个div中，比如你这个显示出的div叫 id=‘div1’ 然后放在id =’mainDiv’中 mainDiv要充满整个屏幕，设置div1 在maindiv之上，这样点击空白处也就是点击mainDiv隐藏div1

用js或者jq隐藏div

使用jQuery的样式选择器就可以了：

$(’.12,.111’).hide();

表示选择class等于12或者111的标签元素，使用hide()函数隐藏。

div标签怎么隐藏显示

div标签隐藏显示方法：打开html开发软件，新建一个html文件，在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。

然后创建一个隐藏的div，把需要隐藏的内容写到这个div上，然后给这个div设置一个id，在案例中设置案例的id为hide。给div设置隐藏的样式。在标签后面为id为hide设置样式display:none,这个样id为hide的div就会被隐藏掉了。

写一段JS代码,来改变div的display属性为’none’,要显示就为空，比较简单的实现.style.display就是控制层隐藏或显示的属性.

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。