JavaScript热身练习1

　　把某个元素移出你的视线：

1.display：none；（显示为无，不占地）

2.visibility：hidden；（隐藏，占地）

3.宽或者高设置为零

4.透明度设置

5.left/top （定位，移除元素之外）

6.用一个白色的div盖住它

7.margin负值

...........12种以上？（这些都是属于css）

　　写JS的步骤：

1.先实现布局

2.实现原理

3.了解JS语法

JS实现第一步要获取这个元素，获取元素有多种方法，这里先介绍用ID获取元素的方法：

document     get      element      by      ID       意思是  通过ID在文档中获取该元素。

（文档）     （得到） （元素） （通过） （ID）

要采用驼峰写法

即：   document getElenentByID（‘ ’）           小括号里面写ID名、

JS里面的事件分为：

鼠标事件、键盘事件、系统事件（例如窗口大小）、表单事件（例如input里面限制字数）、自定义事件,...............

这里介绍一部分鼠标事件：

onclick    点击事件

onmouseover    移入事件

onmouseout    移开（移出）事件

onmousemove    移动事件（鼠标的抚摸事件）

onmousedown  按下事件

onmouseup  抬起事件

....................

如何给元素添加事件：

这里就要用到函数了，函数可以理解为命令，比如做一些事.....

函数的关键字是    function  函数命名即：function 名字

eg：function abc（）{

........//这里写内容

}

但是函数只是一个命令，他不会主动执行，所以

让函数执行的方法

1.直接调用：eg：abc（）             这里要注意：函数遇到名称+（）就会立即执行

2.事件调用： 元素.事件=函数名  这里函数名后面一定不要加（），因为会立即执行！

eg：

<script>
document.getElementById('btn').onclick=abc;
function abc(){
alert('ok')
}
</script>

命令abc，执行弹出ok

所以点击按钮就会弹出ok

点击显示为：

这里注意初学者要学会测试，边做边测

alert（）这就是一个带确定按钮的警告框

eg：alert（1）

alert（‘ok’）‘ok’是字符串

alert（“ok”）单双引号都可以