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

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”)单双引号都可以

 

posted on 2017-06-18 21:58  独孤晓宇  阅读(122)  评论(0编辑  收藏  举报