1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，然后按下Crtl+S保存一下：
2、创建一个button按钮，给按钮设置一个id，名字设置为“myBT”，创建一个用来显示隐藏的div，将其id设置为“main”：
3、给div和button设置一些样式，为了美观好看，这里无需设置display，因为默认就是显示的：
4、编写js脚本，这里用到Jquery，给button添加一个点击事件，然后获取div的dom，判断dom中的display属性值，如果是“none”，就显示div，否则则隐藏:
5、全部完成后，按下crtl+s保存，来到编辑器的右侧，观察显示效果，此时div是显示的：
6、点击hide按钮，会发现div消失了，反复点击按钮会重复显示隐藏的效果，以上就是用JS控制div显示隐藏的案例：
本文实例讲述了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果。分享给大家供大家参考，具体如下：思路：
1、首先用把密码框用txt暂时替代，并赋上默认值
<input
type="text"
value="请输入密码"
/>
2、当文本框获取焦点后，把默认值清空，把type改为password。
3、当文本框失去焦点后，把type改为txt，把默认值设为“请输入密码”。
JS代码：
window.onload=function(){
var
input=document.getElementById('input')
input.onfocus=function(){
if(this.value=='请输入密码'){
this.value=''
this.type='password'
}
}
input.onblur=function(){
if(!this.value){
this.type
=
'text'
this.value
=
'请输入密码'
}
}
}
HTML代码：
复制代码
代码如下:
<input
type="text"
value="请输入密码"
id="input"
/>
希望本文所述对大家JavaScript程序设计有所帮助。
