一.Js热身课程
希望把某个元素移除你的视线:
- display:none; 显示为无
- visibility:hidden; 隐藏
- 改width/height
- 透明度
- 改left/top
- 拿一个白色的div盖住它
- margin负值
写js效果步骤1. 先实现布局2. 实现原理3. 实现语法
Js中如何获取元素: - 通过ID名称来获取元素document.getElementById(‘元素’)事件:
鼠标事件、键盘事件、系统事件、表单事件、自定义事件鼠标事件:onclick onmouseover
onmouseout
onmouseup
onmousedown
onmousemove 就像是鼠标抚摸一样的事件
系统事件:onload 加载完以后执行。。。。
window.onload
img.onload
body.onload
如何添加事件: 元素.onmouseover
函数:可以理解-命令,做一些事
function abc(){//肯定不会主动执行的!}
function (){} 匿名函数让函数执行 - 直接调用:abc();
- 事件调用:元素.事件=函数名 (Div.οnclick=abc)
- 元素.事件=function(){}
测试:alert() 带一个确定按钮的警告框
alert(‘OK’) ‘ok’字符串 alert(“OK”)
初学者:最好保持一种随时写,随时测试的习惯!
变量: var li =document.getElementById(‘元素id名’) var num =123;
课后实例