设置style="DISPLAY: none"和visible=false的区别

最新推荐文章于 2024-05-13 17:11:26 发布
最新推荐文章于 2024-05-13 17:11:26 发布
阅读量311 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/zhangxiaozhong/archive/2013/04/01/2993684.html
本文探讨了在Web开发中VISIBLE=false与STYLE=DISPLAY:none两种隐藏控件方式的区别。VISIBLE=false会导致控件不被发送到客户端，而STYLE=DISPLAY:none则会使控件在客户端不可见但仍然存在于DOM中。

 

style="DISPLAY:none" 客户端   
visible=false　　　　 服务端
写了visible=false 在运行的时候，HTML里面就无法调用这个控件了，然而用style="DISPLAY:none"还是可以，

如：使用DATAGRID，在WEB设计界面把某一列设置为"visible=false"，然后在IE的查看生成的HTML你会发现这列没在了，

但是如果使用style="DISPLAY: none"对某列处理时，在生成后的HTML中是可以看到的
style="DISPLAY: none" 下面的控件会把这个位置补上！visible=false 不会

转载于:https://www.cnblogs.com/zhangxiaozhong/archive/2013/04/01/2993684.html

理解与应用css中的display属性
weixin_34124577的博客
11-13 2395
理解与应用css中的display属性 　　display属性是我们在前端开发中常常使用的一个属性，其中，最常见的有： none block inline inline-block inherit 　　下面，我将按照顺序将上述几种属性做一个完整的讲解。 第一部分：display:none 　　none这个值表示此元素将不被显示。比如，当我们在浏览网页时，如果看到了某个烦人...
巧用style的display隐藏对象
程序才是王道...
03-16 3054
发现CSS一句话很经典：style="display: none"，加在哪就能就隐藏哪，做了一个隐藏的上传文件框，点击本机上传或checkbox后出现，再点击又将其隐藏。实现代码如下： function fjian(){if(document.getElementById(fj).style.display=="none") { fj.style.display="" document
selenium 元素isDisplayed=false，获取文本
qq_36116800的博客
03-29 345
使用 element.getAttribute("textContent")，获取到文本。使用 element.getAttribute("value")，获取到null。使用 element.getText()，获取到""
Visible=false 和display=block的区别
weixin_30825581的博客
06-17 175
1, someControl.Visible=false; 2, someControl.Attributes.Add("style", "display:none"); 转载于:https://www.cnblogs.com/Roy_Zhou/archive/2010/06/17/1759721.html
display:none 和visible:false 的区别
学而不思则罔，思而不学则殆。
12-10 1328
<br />第一种仅仅是隐藏了控件，但是html代码依然生成，也就是我里面的textBox还是会生成input控件，而第二种就直接不生成html控件了。<br />如果TextBox后面有验证控件会有这个问题：画面上看不到输入项，但是点击确定按钮始终看不到页面提交。<br />产生这个问题的原因是：该验证控件并没有消失，只是被强制不显示了，导致用户也不知道哪里出了问题。<br />如果采用第二种方法，就不存在这个问题，因为在html代码里根本没有产生这个验证控件，所以仍然是可以提交页面的。<br />所以，
display属性值:
wenwen_2008的专栏
10-24 3267
display属性值: none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。 compact
:visible.sync是属于display：none；还是v-if消失
06-12
-**`v-show`**：当`v-show="visible"`时，如果`visible`为false，元素会通过内联样式`display:none`来隐藏，但元素仍然存在于DOM中。因此，在用户提供的代码示例中，子组件`BaseDialog.vue`的模板里使用了：```vue...
这串代码为什么切换图片，图片会放在一起，解决方法有吗：<template v-if="column.dataIndex === 'imageList'"> <a-image :preview="{ visible: false }" :width="20" :src="record.imageList.split(',')[0]" @click="visible = true" /> <div style="display: none"> <a-image-preview-group :preview="{ visible, onVisibleChange: (vis) => (visible = vis) }"> <a-image v-for="(url, index) in record.imageList.split(',').filter((item) => item.trim())" :key="index" :width="40" :src="url.trim()" :preview="{ src: url.trim() }" /> </a-image-preview-group> </div> </template>
08-09
<div style="display: none"> :preview="{ visible: previewStates[record.id]?.visible || false, onVisibleChange: (vis) => handlePreviewVisible(record, vis) }" > v-for="(url, index) in ...
javascript获取隐藏元素(display-none)的高度和宽度的方法.docx
01-18
### JavaScript 获取隐藏元素 (display: none) 的高度和宽度的方法 #### 一、问题背景与需求分析 在前端开发过程中，经常会遇到需要获取隐藏元素尺寸的情况。这些元素可能因为某些逻辑原因被设置为 `display: none...
uniapp animation 消失动画时设置display：none没有生效
最新发布
09-03
在Uniapp中设置animation消失动画时`display: none`不生效，通常是因为`display: none`会让元素直接从渲染树中移除，导致动画无法正常执行，动画执行期间元素需要在文档流中。可以采用以下几种解决办法： #### 方法...
style中display:none与visible:hidder的区别 以及disabled与readonly的区别
dengchezhong6725的博客
11-27 942
//style中display:none与visible:hidder的区别：display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。一下内容为引用1-4： 1、如果在样式文件或页面文件代码中直接用dis...
CSS隐藏属性display:none；visibility:hidden；overflow:hidden
Jorpeng的博客
10-28 4669
前端CSS元素隐藏的知识（display:none；visibility:hidden；overflow:hidden；opacity: 0）
js style.display = ““ 和style.display=“none“ 区别
Simoon
02-16 3018
style.display = “”；是清除display样式，display将使用默认值（块元素会变成block，内联元素会变成inline） style.display=“none”； 中“none”是一个值，表示元素将隐藏 转载于:https://www.cnblogs.com/lvdongjie/p/8581726.html ...
不显示 表格 style=“display: none；“ 这个默认是不显示的
Java&Develop的博客
05-13 302
不显示 表格 style="display: none;" 这个默认是不显示的
深入理解js中的display:none和visibility属性
jiangtao7913的博客
12-22 9362
1.用javascript隐藏控件的方式有两种：分别设置控件的style的“display”属性和“visibility”属性。当style.display="block"或者style.visibility="visible"时，控件是可见的。当style.display="none"或者style.visibility="hidden"时控件是不可见的。这两者的区别是：“display”不但隐
Html style="visibility:hidden"与style="display:none"的区别
热门推荐
每天进步一点点 时间会让你成为巨人
08-23 1万+
style="visibility:hidden": 使对象在网页上隐藏,但该对象在网页上所占的空间没有改变. style="display:none": 使对象在网页上彻底消失,不为被隐藏的对象保留物理空间. 例子:     style="visibility:hidden"与style="display:none"的区别           隐藏区域显示区域   
style="display: none"
geelong的博客
04-09 808
style="display: none"
前端小知识
long8723710的博客
07-31 150
1. bootstrap table 不显示每页条数切换按钮 在配置table的时候，加一行 smartDisplay:false,但是要注意的是： 加上这个配置会导致如果查询结果是空的时候，下边的控件也会出现。 2. IE浏览器不支持Promise对象 IE浏览器主要还不支持这种对象的写法。 https://blog.csdn.net/louqiaoqiao520/article/details/87934530 博客中给出的解决办法，我使用后没有效果，最后妥协改
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值