JS设置隐藏或者显示,不刷新页面的情况下动态设置其显示或隐藏

JS元素显示隐藏
最新推荐文章于 2023-02-19 21:33:47 发布
原创 最新推荐文章于 2023-02-19 21:33:47 发布 · 2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#textbox

本文介绍如何使用JavaScript控制网页元素的显示与隐藏。通过修改元素的display属性为'none'实现隐藏，清空display属性则使元素显示。这种方法能在不刷新页面的情况下动态调整元素的可见性。

JS要设置隐藏或者显示是用

document.getElementById('textbox2').style.display="none"

document.getElementById('textbox2').style.display=""

来设置的

只有用JS设置display才能在不刷新页面的情况下动态设置其显示或隐藏

JavaScript 动态隐藏、显示DIV 页面刷新后也不会改变隐藏状态
03-02
使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到，当页面刷新时，也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态作为一个标识位放入到页面session中，每次刷新时读取这个页面Session，用此来判断页面是否隐藏
js控制TextBox值改变别的控件的值跟着改变。无刷新
02-28
js控制TextBox值改变别的控件的值跟着改变。无刷新
js隐藏显示div页面方法
Fixiaobai的博客
10-09 1436
今天呢，给大家分享一下，通过js来隐藏显示 首先，先上图 这是js代码 这是H5及css样式 效果图，由于用于测试，比较简陋，不要在意，哈哈哈哈！ 给大家测试代码，有需要可以复制 <script> function set(){ //第一种，隐藏页面，隐藏后还是占有页面空间，显示空白 document.getElementById('demo').style.visibility="hidden...
菜单页面隐藏和显示（JS）
qq_47997447的博客
10-21 1671
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>菜单显示和隐藏</title> <style> * { margin: 0; padding: 0; } body { width: 100vw; height: 100vh; } .
js 实现页面隐藏、关闭、刷新给出对应的提示
CodingNoob
10-26 5018
我们在做项目的时候经常会遇到一些需求，比如在某些页面当点击浏览器刷新 或者关闭的时候会有对应的提示，是否离开或者重新加载此网站。比如csdn写文章的时候就有这个弹窗，这功能就是用onbeforeunload实现的。浏览器切换其他页面或者最小化的时候触发，（ps: 常用于检测考试作弊行为）一般来说，我们希望使用 Page Visibility API，在用户没有看到页面时停止不必要的进程，或者执行一些后台操作。可以下面这几种情况：当用户离开页面时，暂停视频、轮播图或动画。停止一些实时获取数据的API。
利用JQUERY实现DIV动态隐藏显示且刷新不改变状态
在构建Web页面时，常常需要根据用户的操作动态地显示或隐藏页面上的元素，比如用户可以打开或关闭一个说明性的面板、信息栏等。使用JavaScript和jQuery，开发者可以轻松地实现这一功能，并且确保这些状态在页面刷新...
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
10-29
通过使用 JavaScript 代码，我们可以轻松地隐藏或显示指定的 DIV 区域，而不需要刷新整个页面。 首先，我们需要创建一个 HTML 结构，包括一个按钮和一个 DIV 区域。在这个示例中，我们使用了 fieldset 和 legend ...
JS实现登录页密码的显示和隐藏功能
10-18
如果其值为"password"，说明当前是隐藏状态，那么通过设置demoInput.type为"text"，改变其显示模式，并且同时更新图片（demoImg）的src属性为显示密码的图标（"../Images/showPasswd.png"）；反之，如果当前是显示...
js实现表单提交后不重新刷新当前页面
10-21
为了在提交表单时不刷新页面，我们可以使用一个隐藏的`iframe`元素，它的作用是接收表单的提交结果，而不会引起页面的重载。在表单下方添加这样一个`iframe`： ```html ;"> ``` 接下来，我们需要修改表单的提交...
js隐藏/显示页面元素的两种方法
pes605的专栏
09-26 1440
javascript控制页面控件隐藏显示的两种方法 javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位 方法一： document.all.style.visibility="hidden"; document.all.style.visibility="visible"; 方法二： document.all.style.display
Jquery实现动态效果的显示和隐藏控件
技术积累、分享成果
05-07 978
if ($("#dropSFCC").val() == "暂时歇业") {                               $("#txtcctime").slideDown(200);             }             else {                          $("#txtcctime").slideUp(200).val("
JavaScript控制页面显示和隐藏带案例
不是秃头的程序员小李
03-13 2534
控制页面元素的显示和隐藏 style.visibility = visible/hidden 元素隐藏后，元素所占的空间还会留着。 style.display= block/none 元素和元素所占的空间都会被隐藏 一个综合案例 月收入（只能输入数字，正则表达式判断数字） 男性花销 抽烟费用 喝酒费用 女性花销 化妆品费用 买衣服费用
你不知道的javascript_这些你不知道的前端隐藏加载执行JavaScript
weixin_39876145的博客
12-06 273
浏览器加载一个js脚本，会在devtools中留下各种痕迹，elements中的script元素，console中的日志，source中的代码，network中的网络请求等前端30K面试准备，最完整面试真题分享！elements这个比较简单，插入js的时候设置好id，在js中删掉自身就好了对于引用js对于动态加载的js也是一样的或者也可以这样虽然看起来很奇怪，但a.js确实能执行，似乎是加载a.j...
原生js与jQuery显示隐藏div的几种方法
jakelihua
02-19 5506
简介：本文将会讲解，如何使用原生的JS和jquery来实现对于这个div盒子的隐藏。
关于动态显示隐藏div,刷新后状态不变问题
weixin_44012841的博客
07-02 966
下拉框选择数据，根据数据的不同显示或者隐藏部分div，并保证刷新后数据仍然存在页面，隐藏的div不会自动隐藏的问题。 这个刷新后自动隐藏div问题想了好久，去找了解决办法，很多大佬都说使用session或者cookie，但是我这个菜鸡没怎么看明白= = 好了，代码如下 <script> $(function () { TypeOnChange(); //给div添加change事件 $("#show").change(function ()
JS实现页面元素显示/隐藏切换的方法
热门推荐
yancie_的博客
07-23 1万+
实际开发中，有时候需要设置一个元素出事状态为隐藏，通过某一操作来实现显示和隐藏之间的切换，通过学习，将我目前掌握的显示和隐藏方法总结如下： 一、通过原生JS实现 &lt;html&gt; &lt;head&gt;       &lt;meta charset="UTF-8"&gt;       &lt;style&gt;            #div1{                  ...
js 动态控制控件 显示和隐藏
QLiuQ
02-11 7728
方法一： document.getElementById( "控件ID ").style.visibility= "hidden "; document.getElementById( "控件ID ").style.visibility= "visible "; 方法二： document.getElementById( "控件ID ").style.display= "none "; d
JS如何实现点击页面其他地方隐藏菜单？
Cyclone_Afive的博客
04-05 3750
方法一： $("#a").on("click", function(e){ 　　 $("#menu").show();   　　 $(document).one("click", function(){ 　　　　 $("#menu").hide(); 　　 });   　　 e.stopPropagation(); }); $("#men
js将页面元素隐藏
Antg的博客
08-09 1424
今天在用vue写项目（第一次接触vue项目，菜鸡一个，啥也看不懂）的时候，遇到了一个’小‘bug 情景时这样的 用户为普通管理员的时候，菜单栏中某一部分是看不到的，超级管理员全部可以看到 开始向用router.js中的一个属性hideInMenu来解决，但是在调试的过程中发现，数据虽然是变了，但是页面不刷新啊，必须手动刷新一下才行，接下来的解决方法就是在首页加载完毕后自动刷新一下，然后在首页的mounted()方法中写了一句window.location.reload(),然后结果就是页面一直刷新，我丢。。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值