【Miaov】JS0-热身运动
2015-10-16 17:08
417 查看
再一次系统的看一遍妙味的这个基础课程,每看一章汇总一篇,希望自己能保质保量的完成。
JS0这部分主要是大概讲了写js的一个大致流程。
写JS效果的步骤:
1.先实现布局
2.实现原理
3.了解JS语法
获取元素:
1.通过ID名称来获取元素;document.getElementById("")
2.
3.
(其他获取元素的方法之后再陆续有介绍比如getElementsByTagName)
JS事件:鼠标事件、键盘事件、系统事件、表单事件、自定义事件
onclick
onmouseover
onmouseout
onmousedown
onmouseup
onmousemove---抚摸/鼠标移动事件
……
onload---加载完以后再执行
window.onload=事情
img.onload
body.onload
添加事件:
元素.onmouseover
函数:可以理解为-命令,做一些事儿
function abc(){ //肯定不会主动执行
……
}
函数调用:
1.直接调用 abc();
2.事件调用 元素.onclick=函数名 oDiv.onclick=abc;----这里不能在函数名后加括号,函数名加括号就相当于直接调用了,但是我们需要的是在被点击时才调用而不是直接调用
function()={} 匿名函数
oDiv.onclick=function(){
}
啥时候用有名函数啥时候用匿名函数,需要重用的时候用有名函数不需要重用的函数用匿名函数
=========================================
练习:
鼠标移入显示下拉列表:http://sandbox.runjs.cn/show/eneyqwgw
JS0这部分主要是大概讲了写js的一个大致流程。
写JS效果的步骤:
1.先实现布局
2.实现原理
3.了解JS语法
获取元素:
1.通过ID名称来获取元素;document.getElementById("")
2.
3.
(其他获取元素的方法之后再陆续有介绍比如getElementsByTagName)
JS事件:鼠标事件、键盘事件、系统事件、表单事件、自定义事件
onclick
onmouseover
onmouseout
onmousedown
onmouseup
onmousemove---抚摸/鼠标移动事件
……
onload---加载完以后再执行
window.onload=事情
img.onload
body.onload
添加事件:
元素.onmouseover
函数:可以理解为-命令,做一些事儿
function abc(){ //肯定不会主动执行
……
}
函数调用:
1.直接调用 abc();
2.事件调用 元素.onclick=函数名 oDiv.onclick=abc;----这里不能在函数名后加括号,函数名加括号就相当于直接调用了,但是我们需要的是在被点击时才调用而不是直接调用
function()={} 匿名函数
oDiv.onclick=function(){
}
啥时候用有名函数啥时候用匿名函数,需要重用的时候用有名函数不需要重用的函数用匿名函数
=========================================
练习:
鼠标移入显示下拉列表:http://sandbox.runjs.cn/show/eneyqwgw
相关文章推荐
- 【前端学习】javascript函数function
- 我的Json解析实战
- 我的Json解析实战
- js原型(一)
- js时间对比的问题
- JSON和JSONP的区别及跨域访问
- GWT-EXT 问题 JavaScriptException: (TypeError)
- Unicode与JavaScript详解
- js格式化金额
- js 更换背景图
- 二级联动下拉列表JS+html实现
- JSP-简单的练习省略显示长字符串
- 深入了解javascript--立即调用的函数表达式
- 通过两种方法实现在HTML页面加载完毕后运行某个js
- JSTL c标签使用及概述
- JSONP JSON CORS
- EXTJS组件化浅谈
- js总结
- JSON.parse()和JSON.stringify()使用介绍
- json_decode转换json数据为数组出现的问题!