js一个按钮点击后弹出数字1再点击弹出数字2，每次弹出都加1
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js一个按钮点击后弹出数字1再点击弹出数字2，每次弹出都加1相关的知识，希望对你有一定的参考价值。
方法一：应该是程序里有了个for循环，for(var i=1;i=0;i++)alert(i)，修改这个循环就好了。
方法二：窗口都是单独的类，把数据存到类的public变量中。然后新窗口访问旧窗口的变量就行了
js（javascript)一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
参考技术A <button id="btn">点击</button><script>var num = 1,
btn = document.getElementById('btn');
btn.onclick = function ()
alert(num);
num++;
</script> 参考技术B 写个for循环，for(var i=1;i=0;i++)alert(i)，就好了追问
不是点击一下就弹出数字1然后就一直弹，而时弹出数字1点击‘确认’就消失，下次在点击就弹出数字2；但还是谢谢你，你这个也没用
追答body里新建了个class名为id1的div。var i=0;
$(".id1").click(function ()
i=i+1;
alert(i);
)追问
能不能写个完整的谢谢
追答<!doctype html><html lang="en">
<head>
<meta charset="utf-8">
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js">
</script>
<title></title>
<style>
.id1width: 50px;height: 50px;background: red;//id1的css样式
</style>
</head>
<body>
<div class="id1">1</div>//新建了一个class名为id1的div
<script type="text/javascript">
var i=0; //创建一个名为i的对象
$(".id1").click(function ()//给id1新建一个点击事件
i=i+1; //每次点击i+1
alert(i); //输出i
)
</script>
</body>
</html>本回答被提问者采纳
点击按钮弹出一个div层
JQuery弹出层，点击按钮后弹出遮罩层，还有关闭按钮 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery弹出层效果</title> <meta content="网页特效,特效代码,jQuery,css特效,Js代码" name="keywords" /> <meta content="jQuery弹出层效果，有关闭按钮，代码简单易懂，可以随意修改弹出层的参数。" name="description" /> <script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script> <style> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; border: 16px solid lightblue; background-color: white; z-index:1002; overflow: auto; } </style> <script type="text/javascript"> //弹出隐藏层 function ShowDiv(show_div,bg_div){ document.getElementById(show_div).style.display=‘block‘; document.getElementById(bg_div).style.display=‘block‘ ; var bgdiv = document.getElementById(bg_div); bgdiv.style.width = document.body.scrollWidth; // bgdiv.style.height = $(document).height(); $("#"+bg_div).height($(document).height()); }; //关闭弹出层 function CloseDiv(show_div,bg_div) { document.getElementById(show_div).style.display=‘none‘; document.getElementById(bg_div).style.display=‘none‘; }; </script> </head> <body> <input id="Button1" type="button" value="点击弹出层" onclick="ShowDiv(‘MyDiv‘,‘fade‘)" /> <!--弹出层时背景层DIV--> <div id="fade" class="black_overlay"> </div> <div id="MyDiv" class="white_content"> <div style="text-align: right; cursor: default; height: 40px;"> <span style="font-size: 16px;" onclick="CloseDiv(‘MyDiv‘,‘fade‘)">关闭</span> </div> 目前来说，我还是喜欢这个自己改造的弹出层。自己在项目中也用的是这个。 </div> </body> </html>
以上是关于js一个按钮点击后弹出数字1再点击弹出数字2，每次弹出都加1的主要内容，如果未能解决你的问题，请参考以下文章
Unity,NGUI如何像GUI一样,点击按钮后弹出一个窗体呢
JAVA GUI问题。如何触动按钮后弹出文件浏览器和文件名选择框，选择保存目录？