如何在js中实现点击按钮弹出提示框

JavaScript017

如何在js中实现点击按钮弹出提示框,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。

2、在index.html中的<body>标签中,输入js代码:

function fun() {

alert('click success!')

}

3、浏览器运行index.html页面,此时点击按钮弹出了提示框。

js鼠标失去焦点弹出框操作如下:

1、鼠标不选中输入框。

2、输入框中无光标闪烁时,设置信息提示框不显示。

3、将display设置成none即可。

JS代码写function show(){ var value = document.getElementById("div1").style.displayif(value=="none") { document.getElementById("div1").style.display="block"} else document.getElementById("div1").style.display="none"} 页面上写<input type="button" value="回复" onClick="show()"><div style="display:none" id="div1">//设置这个DIV隐藏,当点击的时候显示 里边就是那个文本框了 <input type="button" name="button1" value="提交" onClick="show()"></div>