首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

关闭div后永久隐藏div,不管页面是否重新加载

,可以通过以下方式实现:

  1. 使用CSS样式:可以通过设置div的display属性为none来隐藏div。这样无论页面是否重新加载,div都会保持隐藏状态。例如:
代码语言:txt
复制
div {
  display: none;
}
  1. 使用JavaScript:可以通过操作div的style属性来实现隐藏。可以在关闭div时,通过设置div的display属性为none来隐藏div。例如:
代码语言:txt
复制
document.getElementById("divId").style.display = "none";

其中,"divId"是要隐藏的div的id。

  1. 使用jQuery:如果项目中使用了jQuery库,可以使用jQuery的hide()方法来隐藏div。例如:
代码语言:txt
复制
$("#divId").hide();

其中,"divId"是要隐藏的div的id。

以上方法都可以实现关闭div后永久隐藏div,不管页面是否重新加载。在实际应用中,可以根据具体需求选择合适的方法来实现。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Android 使用jQuery实现item点击显示或隐藏的特效的示例

; text-align: justify;" <h3 class="h300" item点击显示或隐藏0</h3 <div class="div300" <p 1.上图中的功能在很多...<br </p </div </div </body </html 控制逻辑中slideToggle的值可以选择“slow”或“fast”来改变滑动的速度 body中div300表示要显示或隐藏的内容...,h300表示一个item条目 把写好的html文件和jquery.js文件一起放入Android工程下的assets中 加载网页 在Activity中使用WebView加载网页 加载网页的代码 public...不管它是正常退出的还是异常退出的,操作系统都会去释放掉这个进程的资源。...如内存资源和打开的文件资源等等,这个是由内核控制的,比较靠谱 使用此方法也要注意以下两点: Activity页面是否引用了不同进程的资源,如果有的话就需要使用IPC机制来处理不同进程间的通信了 启动的页面的速度会慢很多

2.7K20
  • 工作中碰到的js问题(disabled表单元素不能提交到服务器)

    今天碰到一个奇葩的问题,asp页面表单提交,有一个文本框在后台获取不了, 这个标签在form表单内,也有name...function(){   var width = img.width+20;   var height = img.height+75; } img.src=”images/1.jpg”;   这样不管在...IE/Firefox, 还是在Google浏览器中,都可以获取图片对象的宽高了 2、想实现一个功能,页面有一个div区域,需要做到点击这个div区域外的其他地方,关闭这个div区域。...所以需要做到获取鼠标的坐标,然后根据坐标位置和这个div的位置来隐藏: //监听鼠标点击 document.onmousedown = function (event) { var xPos,...的宽度 var height = obj.offsetHeight;  //该div的高度                 //判断鼠标坐标是否div区域之内(在div区域内

    2K20

    HTML事件属性--DOM

    离开页面之间触发的事件/之后触发的事件 打开f12,然后刷新,或者关闭浏览器,可以在浏览器触发事件 window.onbeforeunload = function(){...return "提示" //返回的内容不会显示, //在刷新的时候触发,或者关闭浏览器,浏览会直接提示是否重新加载,不能直接返回return } </script...5.onload 页面加载完成之后触发 demo查看 6.onmessage 在消息被触发时运行 ???...刷新页面可以触发事件 demo查看 10.onpageshow 打开一个新页面或者刷新的时候触发 demo查看 相当于onload,加载页面时触发,但是在不同浏览器触发的有所不同 第一次加载页面时,onpageshow...,就是刷新或者关闭页面时触发 window.onunload = function() { return '确定关闭吗?'

    3.8K20

    vue2

    多复选框:变量为数组,存放选中的选项value 条件指令 v-show: display:none#将标签隐藏起来不显示,但是浏览器已将渲染了,这种方式浏览器会加载过多的不需要的内容 v-if:...--条件指令: v-show="布尔变量" 隐藏时,采用display:none进行渲染 v-if="布尔变量" 隐藏时,不在页面中渲染(保证了未渲染页面的数据安全...-- 我们在这里引入vue而不是选择在head标签引入vue是因为代码 的加载顺序,如果将其放在head内则会先加载vue,如果在网速较慢时页面加载速度很慢,如果 将其放在下面,就会先加载body内的内容...localStorage可以永久存储数据,当页面重新刷新的时候数据仍保留在数据库中,数组数据类型数据存 入该数据库的方式通过JSON.stringify将其序列化为json然后存入数据库,普通数据存储方式如下...console.log(JSON.parse(localStorage.arr)); // 清空数据库 // localStorage.clear(); sessionStorage用于临时存储数据(所属页面标签被关闭就清空

    5.5K20

    BuildAdmin14:关闭tab,居然用了vue-router的重定向

    前言 上一篇讲了重新加载标签功能的实现,主要是利用了mitt事件总线库。本篇文章就接着实现关闭标签的功能。...:区区重新加载,vue居然用了mitt事件总线库中,main使用keep-alive对所有tab组件实例进行了缓存。...== name) }) 与上一篇实现重新加载的onTabViewRefresh事件一样,利用filter过滤掉与tab匹配的组件实例,实现删除。...也就是说,当关闭最后一个tab,就要打开(跳转)控制台的tab(路由)。...接着我们看看,通过弹出框关闭当前关闭最后一个tab,跳转/admin路由时,是否也会重定向到控制台。 如图所示,关闭最后一个tab的时候,重定向到了控制台。

    49621

    JS实现图片弹窗效果

    一 点击鼠标实现弹出/隐藏图片 ? 实现原理:一个div做容器,里面包含了二维码图片,把标题(鼠标点击的目标)做一个onclick监听,用div的display属性控制图片的显示和隐藏。...实现原理:当点击标题链接onclick监听或者刷新网页时候,获取隐藏的二维码图片对象并弹出,点击关闭或者二维码图片外的区域则隐藏二维码图片display = "none"。类似上面例子原理。...('myImg').onclick();">点击查看微信公众号二维码 $(function () { //页面加载完完成,自动触发点击事件创造弹窗 SetImage();...,难免引起客户反感,可以在页面存入Session用来判断是否第一次加载页面,设置只有第一次加载页面才会弹窗。...源码: $(function () { //页面加载完完成,自动触发点击事件创造弹窗 //必须先新建弹窗对象,不然无法实现点击链接触发弹窗事件 SetImage(); //获取弹窗

    23.7K30

    (2019)面试题:小知识点大集合

    2.对行内元素设置margin-top 和margin-bottom是否起作用 答:不起作用。...第三次挥手:Server发送一个FIN,用来关闭Server到Client的数据传送,Server进入LAST_ACK状态。...display控制显示隐藏时,页面会产生回流(当页面中的一部分元素需要改变规模尺寸、布局、显示隐藏等,页面重新构建,此时就是回流。...所有页面第一次加载时需要产生一次回流) 7.什么是回流和重绘 重绘(repaints)是一个元素外观的改变所触发的浏览器行为,例如改变vidibility、outline、背景色等属性。...浏览器会根据元素的新属性重新绘制,使元素呈现新的外观。重绘不会带来重新布局,并不一定伴随回流。 回流(reflow)是更明显的一种改变,可以理解为渲染树需要重新计算。

    82400

    BuildAdmin16:边栏隐藏页面全屏,我用vue是如何实现的

    前言 弹出框的五个标签功能,重新加载关闭标签、关闭其他标签、关闭所有标签都已经实现了,现就剩下当前标签全屏标签还没有实现。 在BuildAdmin中,一共实现了两种全屏。...我们从图中可以看到,这里的全屏指的是:header和aside区域隐藏,main占据整个页面,即100% 。 如果想要隐藏一个html元素(组件),在css中,将display属性设置为none即可。...在vue中,v-if和v-show同样也是用于决定组件是否渲染(展示),BuildAdmin中使用的是v-if。..."> 取消全屏组件的主要部分,就是\d定义的关闭图标,其他的div元素都是用来触发事件和改变元素位置。...后来我分析了一下原因,使用v-if来控制组件的隐藏,实际上会触发组件的销毁。所以,取消全屏会触发tabs新建并重新渲染,会调用生命周期函数onMounted。

    63200

    浏览器渲染页面与DOM相关常见的面试题以及问题

    浏览器解析渲染页面过程 浏览器向服务器请求资源过程 输入网址; 浏览器查找域名的IP地址; 浏览器给web服务器发送一个HTTP请求 ; 网站服务的永久重定向响应 ; 浏览器跟踪重定向地址知道了要访问的正确地址...鼠标滑过、点击……只要这些行为引起了页面上某些元素的占位面积、定位方式、边距等属性的变化,都会引起它内部、周围甚至整个页面重新渲染。...之所以加在window.onload里可以执行,是因为,window.onload里的函数会在dom树加载之后执行。 在遇到link标签,会在link加载(从服务器下载)完毕,再执行后续代码。...对于动态创建的link标签不会阻塞其后动态创建的script的加载与执行,不管script标签是否具有async属性。 <!...脚本加载不阻塞页面的解析,脚本在获取完并不立即执行,而是等到DOM树加载完毕执行。

    1.2K30

    twikoo仿段落评论,实现快速评论功能

    所以我想是否可以利用我的说说页面中的,点击评论按钮后会在评论区添加一个:> + “文本”,从而实现类似引用的功能,那么也就实现了仿段落评论,同时所有的评论都会在评论区显示,避免了因为都在段落评论而导致主评论区没人的尴尬局面...下面我们来控制他的显示和隐藏: 在自定义JS文件中,修改"window.oncontextmenu = function (event)"部分代码: 下方代码2024-04-20更新:第九行添加判断,判断页面是否存在...妥协方案 下面我们需要实现该功能,刚开始我选择的时使用和说说页面类似的效果,当点击评论,找到评论区输入框,将选中文字放到输入框中,进行类似于回复段落的效果,但是由于我设置的懒加载,当评论区没有滚入到页面视野内时不会自动加载...再就是,我选中文字回复,会跳转到页面底部的话,就算完美实现了,读者也需要重新跳过去才能继续阅读文章,这很大的影响了读者阅读体验,那我为什么不能原地弹窗,弹出之后不动页面,让读者评论完成后继续看呢?...首先,它检查窗口对象 window 上是否已经有 twikoo 属性,即 Twikoo 库是否已经加载过。

    12520

    前端开发者都应知道的 jQuery 小技巧

    回到顶部按钮 预加载图片 检查图片是否加载完毕 自动修复损坏的图片 Hover 上的 Class 开关 禁用 input 字段 停止链接加载 淡入淡出/滑动开关 简单的折叠效果 将两个 Div 设为相同高度...预加载图片 如果你的页面使用了大量不能初始可见的图片(例如绑定在 hover 上),预加载它们是十分有用的: $.preloadImages = function () { for...'); }); 你也可以通过把 img 标签替换成 ID 或 class,来检查特定图片是否加载完成。...$('input[type="submit"]').prop('disabled', false); 停止链接加载 有时你不想链接跳转到某个页面或重加载页面,而希望可以做一些其他事情...使两个 Div 高度一样 有时你也许想让两个 div 拥有同样高度,不管它们里面有什么内容: $('.div').css('min-height', $('.main-div').height

    2.3K30

    使用HTML+CSS实现网页loading加载效果,支持定时或加载完成隐藏

    } 20% { transform: scaleY(1); -webkit-transform: scaleY(1) }}3.JSjs在这里的作用为定时或网页加载完成关闭...loaderbg类//页面加载完成之后隐藏loading$(window).load(function () { $(".loaderbg").hide();});//设置页面加载3秒之后隐藏loading...; },3000);})*/第一种方法是等待网页全部加载完成隐藏loading,但同时如果网页其他资源文件加载缓慢(如图片等),loading也会随之存在更长时间。...第二中方法是设置定时隐藏loading,可以根据实际需求更改隐藏时间,默认为3s。建议实际使用时,删除 alert("页面加载完成啦!"); 避免引起用户反感,只做效果测试。...DOCTYPE html> 使用HTML+CSS实现网页loading加载效果,支持定时或加载完成隐藏

    3.5K40

    LayUI之旅-入门

    ,不仅仅要PC端使用,还有移动端也是要使用的,所以需要实现左边栏的显示和隐藏),因为设计是右侧(页面内容区域)异步加载(这是最终确定的方案),所以页面上的所有事件的绑定都需要用事件委托来处理(刚开始我也没注意到这个问题...代码很快就写完了,然后进行效果测试,诶···怎么怪怪的,左边栏隐藏和显示实现了啊,但是头部的logo没有隐藏啊,然后不断的查看layui的源码(开启扒站模式),发现要完美呈现官网的layAdmin的侧边栏隐藏效果是需要重新写...lay-href"), dataid.attr("data-id"), dataid.attr("data-title")); } } //最后不管是否新增...,使用框架的模板继承来实现头部和左边导航栏的重载(原样输出),这样有一个问题,就是用户不知道自己刚刚点击的是导航栏的哪一项,以及重复验证用户是否登录,这需要借助cookie和session来实现,最关键的问题在于点击页面会有一次跳转...$('.layadmin-body-shade').hide();//隐藏遮罩 } }); }); 3、异步加载页面内容中的按钮点击无效 这个也怪自己没有经验

    2.8K20
    领券