visibility: hidden 和 Visible="false"的区别

最新推荐文章于 2020-12-12 04:00:10 发布
转载 最新推荐文章于 2020-12-12 04:00:10 发布 · 8.2k 阅读 · 1

本文探讨了CSS中style=visibility:hidden;与服务器控件Visible=false的区别。前者仅隐藏控件但保留HTML结构，便于JavaScript操作；后者完全移除控件，无法通过JavaScript访问。

转自：http://blog.sina.com.cn/s/blog_4dde376501016yrd.html


CSS中style="visibility: hidden;" & 服务器控件的Visible="false"


1、CSS中style="visibility: hidden;" 和 js中的control.style.visibility="hidde";
它只是把当前控检的标记标识为不显示，但在页面呈现的HTML标记语言中是存在着的，换句话说就是用JS取查找这个控检是可以查找到的。

2、我们在使用服务器控件并不显示它并且需要用JS对这个控件行为时用style="visibility: hidden;"
而不要用服务器控件本身的Visible="false" 属性

认识Visible=false
weixin_30772105的博客
07-09 1823
如果有一个隐藏input来存放数据。但是一旦隐藏了Jquery就$不到了！ 所以还要采取其他的方法。之前一直想当然的认为Jquery还能看到的。想当然害死人啊！ 转载于:https://www.cnblogs.com/master-zhu/archive/2010/06/28/1766980.html...
C# 关于控件Visible为false 却依然显示的问题
热门推荐
意琦行的博客
06-26 1万+
首先，控件在显示的时候必定有了他的父窗口 那么，在先隐藏父窗口之后你调试看到的该控件Visible属性为false 也许，你会现在以为这个控件隐藏掉了，所有就没有显式调用 control.Visible = false; 那么，你就会发现在显示父窗口之后，你并没有把控件Visible属性设为true，而它却显示了。 其实，如果你没有主动设置控件的Visible属性的话，他的值永远都与父窗口
javascript怎么把控件设成visible=false
lee576的专栏
01-16 3219
在code-behind下我们可以轻松的把一个控件设成不可见，但是这其中有一个问题，如果 visible=false了以后，在客户端的javascript如果想对这个控件做某种操作就办不到了，因为visible=false后该控件跟本不会加载到浏览器中,现在我们讨论的是如何用javascript把一个控件设为不可见document.getElementById("kssc").style.visi
css display：none和visibility:hidden和visible="false"区别
Xavier Yang's Blog
03-17 3971
如果在div的style中把visibility设为hidden则div隐藏，但是它会占据空白空间，而如果设置成display：none则不占据空白空间；而visible="false"则div不返回在html中；下面是给出的代码：运行一下就知道区别了。@ Page Language="C#" %>   DOCTYPE html PUBLIC "-
控件隐藏(Visible=false)的一个问题
weixin_34096182的博客
05-12 809
<asp:Label ID="lblFare" runat="server" Text="" ForeColor ="red" Font-Bold ="true" style='display:none;'></asp:Label> 与 <asp:Label ID="lblFare" runat="server" Text="" ForeColor ="red" ...
jsp visibility:hidden
07-25
在 JSP 页面中设置元素的 `visibility` 属性为 `hidden`，可以通过内联样式或外部 CSS 样式表实现。JSP 本质上是基于 HTML 的服务器端技术，因此设置样式的方式与 HTML 完全一致。以下是一些常见的实现方式： ### 1...
visible=False
10-08
在CSS和服务器控件中，`visibility: hidden` 和 `Visible="false"` 的区别主要体现在控制元素的可见性上： 1. **CSS** 中的 `style="visibility: hidden;"`[^1]： 这种方式是通过CSS属性来设置元素的可见性。虽然...
commitVisibility: WallpaperWindowToken{ee2babf token=android.os.Binder@96d84b4 showWhenLocked=true}: visible=true mVisibleRequested=false
08-02
其可见性状态涉及多个相关属性，如 `visible` 和 `mVisibleRequested` 等，这些属性在窗口管理器中起着不同的作用。 - `visible` 属性表示当前窗口是否实际处于可见状态，即是否已经成功添加到窗口管理器并参与绘制...
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity"> <!-- 语言选择器 --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:orientation="horizontal"> <Spinner android:id="@+id/language_spinner1" android:layout_width="0dp" android:layout_height="50dp" android:layout_marginRight="10dp" android:layout_weight="1" /> <Spinner android:id="@+id/language_spinner2" android:layout_width="0dp" android:layout_height="50dp" android:layout_marginLeft="10dp" android:layout_weight="1" /> </LinearLayout> <!-- 消息列表（占满中间空间） --> <ListView android:id="@+id/messageListView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:divider="@android:color/transparent" android:dividerHeight="8dp" android:padding="16dp" /> <!-- 用ScrollView包裹输入区域，确保键盘弹出时可滚动 --> <ScrollView android:layout_width="match_parent" android:layout_height="wrap_content" android:fillViewport="true"> <!-- 关键：确保ScrollView占满可用空间 --> <!-- 输入区域 --> <LinearLayout android:id="@+id/line1" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#F5F5F5" android:orientation="horizontal" android:padding="8dp"> <!-- 语音/键盘切换按钮 --> <ImageButton android:id="@+id/voiceTextToggleButton" android:layout_width="35dp" android:layout_height="35dp" android:layout_gravity="center_vertical" android:background="@mipmap/icon_shengbo" android:padding="8dp" /> <!-- 文字输入框 --> <EditText android:id="@+id/textInputEditText" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginLeft="4dp" android:layout_marginRight="4dp" android:layout_weight="1" android:background="@android:color/white" android:ems="10" android:gravity="top" android:hint="输入消息..." android:minHeight="35dp" android:padding="12dp" /> <!-- 语音输入按钮（默认隐藏） --> <Button android:id="@+id/recordButton" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginLeft="4dp" android:layout_marginRight="4dp" android:layout_weight="1" android:text="按住 说话" android:textColor="#FFFFFF" android:visibility="gone" android:textSize="16sp" /> </LinearLayout> </ScrollView> </LinearLayout>如何解决当键盘弹起来后输入框与键盘之间有空隙
07-22
// keyboard probably just became visible frameLayoutParams.height = usableHeightSansKeyboard - heightDifference; } else { // keyboard probably just became hidden frameLayoutParams.height = ...
<androidx.coordinatorlayout.widget.CoordinatorLayout android:id="@+id/coordinator" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/mp_background_f5f7fa" app:layout_constraintBottom_toBottomOf="parent"> <androidx.constraintlayout.widget.ConstraintLayout android:id="@+id/cl_device_dialog" android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingBottom="@dimen/tpds_all_dp_8" app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior"> <androidx.constraintlayout.widget.ConstraintLayout android:id="@+id/ll_loading" android:layout_width="match_parent" android:layout_height="@dimen/tpds_all_dp_130" android:background="@color/tpds_white" android:gravity="center_horizontal" android:orientation="vertical" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent"> <ImageView android:id="@+id/iv_loading" android:layout_width="@dimen/tpds_all_dp_26" android:layout_height="@dimen/tpds_all_dp_26" android:layout_marginBottom="@dimen/tpds_all_dp_16" android:src="@mipmap/tpds_ic_loading_common" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <TextView android:id="@+id/tv_loading" style="@style/Widget.TPDesign.TextView.Secondary.Subtitle1" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="@dimen/tpds_all_dp_8" android:gravity="center_horizontal" android:text="@string/mp_heatmap_import_device" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@id/iv_loading" /> </androidx.constraintlayout.widget.ConstraintLayout> <androidx.constraintlayout.widget.ConstraintLayout android:id="@+id/ll_end" android:layout_width="match_parent" android:layout_height="@dimen/tpds_all_dp_130" android:background="@color/tpds_white" android:gravity="center_horizontal" android:orientation="vertical" android:visibility="gone" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent"> <ImageView android:id="@+id/iv_end" android:layout_width="@dimen/tpds_all_dp_26" android:layout_height="@dimen/tpds_all_dp_26" android:layout_marginBottom="@dimen/tpds_all_dp_16" android:src="@drawable/png_finish_scatter_flowers" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <TextView android:id="@+id/tv_end" style="@style/Widget.TPDesign.TextView.Secondary.Subtitle1" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginHorizontal="@dimen/tpds_all_dp_16" android:layout_marginTop="@dimen/tpds_all_dp_8" android:gravity="center_horizontal" android:text="@string/mp_heatmap_all_device_input_floor_plan" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@id/iv_end" /> </androidx.constraintlayout.widget.ConstraintLayout> <ImageView android:id="@+id/iv_fold" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="@dimen/tpds_all_dp_8" android:src="@drawable/svg_fold_icon" android:visibility="gone" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <TextView android:id="@+id/tv_device_num" style="@style/Widget.TPDesign.TextView.Secondary.Subtitle1" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginHorizontal="@dimen/tpds_all_dp_16" android:layout_marginTop="@dimen/tpds_all_dp_8" android:visibility="gone" android:gravity="start" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@id/iv_fold" /> <androidx.recyclerview.widget.RecyclerView android:id="@+id/rv_device" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginHorizontal="@dimen/tpds_all_dp_8" android:layout_marginTop="@dimen/tpds_all_dp_8" android:layout_marginBottom="@dimen/tpds_all_dp_16" android:visibility="gone" app:layout_constrainedHeight="true" app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@id/tv_device_num" app:layout_constraintBottom_toBottomOf="parent"/> </androidx.constraintlayout.widget.ConstraintLayout> </androidx.coordinatorlayout.widget.CoordinatorLayout> private fun showDevicePlaceDialog() { mBottomSheetBehavior = BottomSheetBehavior.from(viewBinding.clDeviceDialog) // 初始时设置 BottomSheet 为折叠状态，并设置其高度为peekHeight mBottomSheetBehavior.state = BottomSheetBehavior.STATE_COLLAPSED mBottomSheetBehavior.peekHeight = DisplayUtils.dp2px(this, DEVICE_PLACE_DIALOG_MIN_HEIGHT) // showLoading() } // 设置高度 val height = (resources.displayMetrics.heightPixels * DIALOG_MAX_HEIGHT_MULTIPLE).toInt() viewBinding.clDeviceDialog.maxHeight = height // 设置 BottomSheetBehavior 的状态回调 mBottomSheetBehavior.addBottomSheetCallback(object : BottomSheetBehavior.BottomSheetCallback() { override fun onStateChanged(bottomSheet: View, newState: Int) { when (newState) { BottomSheetBehavior.STATE_COLLAPSED -> { // 当 BottomSheet 处于折叠状态时,更新为横向滚动 viewBinding.rvDevice.layoutManager = LinearLayoutManager( this@DevicePlacementActivity, LinearLayoutManager.HORIZONTAL, false ) mAdapter?.setExpanded(false) } BottomSheetBehavior.STATE_EXPANDED -> { viewBinding.flDevice.setSmallBottomSheetOffsetY(viewBinding.coordinator.y) // 当 BottomSheet 处于展开状态时 ，则更新为纵向滚动 viewBinding.rvDevice.layoutManager = LinearLayoutManager(this@DevicePlacementActivity) mAdapter?.setExpanded(true) } BottomSheetBehavior.STATE_DRAGGING, BottomSheetBehavior.STATE_HALF_EXPANDED, BottomSheetBehavior.STATE_HIDDEN, BottomSheetBehavior.STATE_SETTLING -> Unit } } override fun onSlide(bottomSheet: View, slideOffset: Float) = Unit }) // mBottomSheetBehavior.maxHeight = height // TODO 高度有bug，目前采用的方法是直接在xml中设置recyclerView的高度 viewBinding.rvDevice.layoutManager = LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false) } 为什么我这样设置时，当面板展开后，recyclerView的高度把上面的iv_fold都给顶到外面去了
最新发布
08-08
viewBinding.ivFold.visibility = if (newState == BottomSheetBehavior.STATE_EXPANDED) View.GONE else View.VISIBLE } ``` --- ### **最终建议** 1. **优先使用约束布局**：确保 `RecyclerView` 的顶部和底部...
display:none 和visible:false 的区别
学而不思则罔，思而不学则殆。
12-10 1339
<br />第一种仅仅是隐藏了控件，但是html代码依然生成，也就是我里面的textBox还是会生成input控件，而第二种就直接不生成html控件了。<br />如果TextBox后面有验证控件会有这个问题：画面上看不到输入项，但是点击确定按钮始终看不到页面提交。<br />产生这个问题的原因是：该验证控件并没有消失，只是被强制不显示了，导致用户也不知道哪里出了问题。<br />如果采用第二种方法，就不存在这个问题，因为在html代码里根本没有产生这个验证控件，所以仍然是可以提交页面的。<br />所以，
display:none 和visible:false 的区别（转）
cuibinmo3519的博客
06-08 205
天遇到一个需求，把原先表单上需要输入的一个项隐藏起来，考虑有2种方法： 首先说一下页面布局，这个输入项是一个TextBox,放在一个Table里的一个TR下的TD里，所以可以对TR进行隐藏 一种：把TR的display...
Textbox.Visible=False隐藏方式导致的问题
weixin_30815427的博客
10-14 320
今天公司的正式环境有个功能不好使，但是测试环境没有问题，经过和同事的研讨，发现应该是我在写代码的时候把Textbox的visible属性设置为false导致的。 当时的需求是需要在发邮件的时候加上“相关说明”，而“相关说明”的内容是由第一个发邮件的人填写的，第二个人在接到邮件以后，登录系统，发送第二封邮件， 邮件的“相关说明”是用第一个人的最后一次写的“相关说明”，自己不写“相关说明”。由于公...
webbrower visible = false 的后果
l09120204的博客
12-27 393
这个问题其实老早就遇到过，今天又碰到了，没反应过来，还花了半个小时才发现原因。 问题背景：在本机测试ok了，将测试按钮所在的panel 设置visible：= false,   然后部署到服务器上                   panel上有个webbrowse 用于执行js代码的 问题：在服务上运行时会报异常 我又干了啥！ 在本机测试运行好好的，怎
GridView控件使用了visible=false之后，就取不到相应列的值了
itzhiren的专栏
02-15 2839
如果要在GridView 控件中隐藏不必要的列，使用visible="false"后 你就无法取得这列的值了.解决问题的方法很简单:-------------------------------------------------- protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)   
hide()与visible=false的区别(From)
dcbqq46486的专栏
05-18 1169
相同点：两者都能达到隐藏的效果不同点：hide是方法，visible是属性讨论一：hide()方法是把visible设置为false 讨论二：hide()方法，可以被show()重新生存打开 ，会被内存换去；visible用true重现，一直在内存中的。hide()更少资源，其占用的内存可以被其它程序再用，别外的那个是不能的。通过 实验，发现第一种说法是正确的。第二种说法，内存没有...
_visible
weixin_30894583的博客
04-25 402
_visible（Button._visible 属性） 布尔值，指示由 my_btn 指定的按钮是否可见。禁用不可见的按钮（_visible 属性设置为 false）。 可用性：ActionScript 1.0；Flash Player 6 示例 在舞台上创建两个按钮，它们的实例名称分别为 myBtn1_btn 和 myBtn2_btn。在时间轴的第 1 帧中输入下...
html visibility 替代服务器端控件 visable属性！
weixin_30270561的博客
06-30 380
很多人经常会通过控件自身属性 Visable=false来隐藏控件。但通常我在隐藏的同时还想获取它的值，如果您还用这个属性就不好办了，除非借助ajax否则不能或都说很难取到值（如果有方法请告知），因为在生成的html源代码文件中是跟本找不到属性为Visable=false的一点代码。所以，如果不是单纯的隐藏控件，最好还是用控件的Style="visibility: hidden"属性吧。...
vue 弹窗_vue使用vue-AMap附加弹窗消息
weixin_39815600的博客
12-12 1002
npm下载插件npm install vue-amap --save 在App.vue中写入 <template> <div id="app"> <div class="amap-page-container"> <div class="toolbar"> 当前坐标: {{ lng }}, {{ lat }} ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值