把某个元素移出你的视线:
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”)单双引号都可以