html的弹窗标签是什么意思,前端实现展示弹窗，为什么不同的标签弹出相同的内容？是不是js函数写错了，需要怎么改呢？...

最新推荐文章于 2024-04-28 17:05:59 发布
最新推荐文章于 2024-04-28 17:05:59 发布
阅读量300 收藏
点赞数
文章标签： html的弹窗标签是什么意思
这篇博客探讨了JavaScript中使用DOM操作来控制元素显示与隐藏的方法。通过`document.getElementById`获取元素后，分别使用`.style.display='block'`和`.style.display='none'`来实现元素的显示和隐藏。示例中`light`和`fade`两个元素在页面上的显示状态被同步控制，但可能因层级关系导致遮挡现象。
摘要由CSDN通过智能技术生成
Fisrt
First

close-s.png

First

Second
Second

close-s.png

Second

js函数

$(function(){

})

function openDialog(){

document.getElementById('light').style.display='block';

document.getElementById('fade').style.display='block';

}

function closeDialog(){

document.getElementById('light').style.display='none';

document.getElementById('fade').style.display='none';

}

回答

html看着有点头疼,就直接看js 了

document.getElementById('light').style.display='block';

document.getElementById('fade').style.display='block';

这两句话触发两个不同的dom,但都是让它两显示,

document.getElementById('light').style.display='none';

document.getElementById('fade').style.display='none';

这两句话触发两个不同的dom,但都是让它两隐藏,

既然同显示同隐藏,那么每次都是下面那个把上面遮了.

小熊软糖三块一个
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2023年前端面试汇总-React
越陌度阡
06-29 780
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
前端自定义弹出窗口
向宇
06-19 7970
我这里给出两种方法 一、通过js加css样式 <body> <!-- 点击按钮，传递显示数据 --> <button id="btn" onclick="func('数据更新成功')">btn</button> </body> <script> // 创建一个div var layer=documen...
html做弹窗_HTML的常用标签
weixin_39759995的博客
11-19 1721
常用标签a标签：anchor 锚点ul标签：un-ordered list 无序标签ol标签：ordered 有序标签span标签： 横向划分div标签：dividekbd标签：keyboard svy标签：不规则标签nav标签：navigation 导航栏li标签：list item<hr>标签：水平分割线<dl>标签： description list 描述列表&l...
前端：HTML5中dialog弹窗标签
彭世瑜的博客
01-30 2836
浏览器HTML5中自带的dialog弹窗标签，可以快速实现弹窗效果。
HTML原生弹窗dialog标签
lfl976的博客
12-14 1952
html原生标签用起来很方便呢 <dialog open> <form method="dialog"> <p>Do you want to confirm your action?</p> <div class="right"> <input class="btn" type="submit" value="Ok" /> <input class ="btn" type="sub.
html弹窗
weixin_44798538的博客
07-05 419
HTML弹窗
html网页弹窗
08-23
html网页弹窗
前端三件套 HTML +CSS +JS基础知识内容
a1272159758的博客
12-27 2256
HTML 课堂笔记 1、什么是HTML？ Hyper Text Markup Language 超文本标记语言 超文本？超级文本，例如流媒体，声音、视频、图片等。 标记语言？这种语言是由大量的标签组成。 任何一个标签都有开始标签和结束标签，例如： <标签> : 开始标签 </标签> : 结束标签 HTML严格意义上来只能说是一种规范，一种浏览器上的规范， 标签语言，不能称为编程语言，因为HTML中没有变量、数据类型 控制语句if 、for，这些都没有的。
用JS写右下角烦人的弹窗小广告
水搁浅了小鱼鱼鱼
01-04 2847
啦啦啦啦，写一下最近JS的学习进度。 最近JS学了DOM、正则、定时器… 用定时器写了一个右下角的弹窗广告。 先写一下定时器的基本概念 周期定时器：setInterval(function，每间隔多少s执行) 一次定时器：setTimeout(function，间隔多少s执行一次) 定时器调用的时候： var 线程1=null; 线程1=setInterval(moveUp,100); 定...
【JavaScript】三种方式入手JS弹窗(2)
2401_84091580的博客
04-20 341
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。什么？你问面试题资料在哪里，这不是就在你眼前吗（滑稽，可以扫码获取！！（备注：前端）**
钉钉小程序组件之自定义模态框（弹窗封装实现）
ts3211的博客
03-05 6041
背景 开发钉钉小程序中需要用到模态框 文档里也没有 自己搞一个… 效果大概长这个样 点击指定按钮，弹出模态框，里面的内容可以自定义，可以是简单的文字提示，也可以输入框等复杂布局。操作完点击取消或确定关闭。 开始封装 上图所示文件内容放入项目即可 （路径自己高兴着来） modal.js 内容不多 但都是精华 /** * 自定义modal浮层 * 使用方法： * <mo...
html弹窗页面19种
02-09
html弹窗页面19种html弹窗页面19种html弹窗页面19种html弹窗页面19种html弹窗页面19种
前端开发攻略---介绍HTML中的＜dialog＞标签，浏览器的原生弹框。
最新发布
nibabaoo的博客
04-28 1238
HTML中的标签，浏览器的原生弹框。
html在同页面弹出修改窗,HTML页面居中弹出自定义窗口层（实现可拖拽）
weixin_42297439的博客
06-03 742
使用DIV弹出窗口来动态显示内容的原理：首先采用CSS和HTML隐藏弹窗中的内容，然后利用JavaScript(本教程中是JQuery)来动态显示它们。这种效果不仅能够充分利用有限的版面空间，而且能够提高用户体验；更重要的是，它并不影响SEO效果(因为它实际存在于页面中，只是初始为不可见状态)1、在html页面中定义一个div，并在div实现我们需要展示的内容。网站登录帐 号：密 码：注册新用户 ...
web前端值浏览器原生弹窗、面板、事件、dialog
软件毕设协助及软件开发、智慧电子模块、计算机科技、软件开发、硬件开发、程序员、写代码、工程师、互联网、物联网、技术栈、程序、编程、IT。
09-05 3506
web前端值浏览器原生弹窗、面板、事件、dialog
项目实训(八) —— HTML弹窗
B258202的博客
07-12 1074
先前的工作结果，主要是围绕着一份app.py，以及三份HTML和对应的CSS。切换页面既是url和HTML的切换。为了贴合项目要求，今日致力于“食谱上传”功能的弹窗式出现，结果便是合并了show和upload的HTML，将后者内容塞入前者并以弹窗的模式触发。 upload部分的HTML代码借助div嵌套塞入show.html，并在div标签内注明class和id，便于控制（调用自写的js函数，后文再做解释），还有样式的调整： <div class="window_behind" id='uplo
超nb的网页标签弹窗js代码！
雪峰流云
03-24 1406
首先说一下业务需求： 需要在当前各主流浏览器上从tab标签形式弹出一个页面，尽量不要以单独窗口弹出。 下面是网上搜集并修改、验证后的js代码，以备以后参阅。 function getUnionCookie(B) { var A = new RegExp(B + "=([^;]+)"), _ = A.exec(document.cookie), $ = ""; if (_ !=
1.HTML各种标签
weixin_44405064的博客
03-23 340
1.基础三部分。 介绍给浏览器使用html什么版本 使用的是什么语言 zh-CN 为中文， en 为英文。 指“万国码”必备话语。 2.标题标签 - 六个等级的网页标题。 标题一共六级选， 文字加粗一行显。 由大到小依次减， 从重到轻随之变。 语法规范书写后， 具体效果刷新见。 标签语义：作为标题使用，并且依据重要性递减。 1.加了标题的文字会变...
标签直接弹出网址
练习手
12-14 195
var web = $("#web").val();         $('#a1').attr('href','http://'+web+'');                         value="${c.c_web}" title="${c.c_web}"   class="form-control">
html如何实现点击按钮弹出弹窗
06-01
在HTML中，可以通过JavaScript代码实现点击按钮弹出弹窗的效果。具体步骤如下： 1. 在HTML中添加一个按钮元素，例如： ``` <button onclick="showPopup()">弹出弹窗</button> ``` 2. 在JavaScript中定义一个函数showPopup()，用于弹出弹窗，例如： ``` function showPopup() { // 弹出弹窗的代码 alert("欢迎来到弹窗世界！"); } ``` 3. 在弹窗代码中可以编写自己的HTML和CSS代码，来实现更丰富的弹窗效果。 这样，当用户点击按钮时，就会触发showPopup()函数，弹出相应的弹窗。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值