A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 厦门校区   /  2018-5-17 14:27  /  7469 人查看  /  56 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

day03
        施炎生                       
JavaScript是运行在浏览器端的脚本语言,需要重点掌握以下几点。
1.window对象常用方法:
setInterval()
setTimeout()
alert()
confirm()
prompt()弹出一个可输入的对话框
open()打开一个新窗口
2.JS的引入方式:
第一种:页面内直接编写JS代码,JS代码需要使用<script></script>
第二种:将JS的代码编写到一个.js的文件中,在HTML中引入该JS代码即可通过标签引入<script  src = ""></script>
3.开发步骤:
JS通常都由一个事件触发;(常用事件:onclick单击, ondblclick双击, onmouseover鼠标放上,onmouseout鼠标移开,onload加载页面)
触发一个函数,定义一个函数;
获得操作对象的控制权;
修改要操作的对象的属性或值;
4.重点掌握以下三个案例:
案例一:注册页面的校验
案例二:图片滚动
案例三:广告的显示与隐藏
回复 使用道具 举报
day04
施炎生
1.JS的输出:document.getElementById(“”).innerHTML=”HTML的代码”;(注意:innerHTML是属性后面不用加括号)

2.常用事件:
onfocus:获得焦点时触发该事件
onblur:失去焦点触发该事件
onsubmit:表单提交的时候触发  (onsubmit应该写在form里面)
onload : 页面加载事件
onclick: 点击事件
onchange : 下拉列表改变事件
ondblclick: 双击某个元素的事件
键盘事件:
onkeydown : 某个键盘的键被按下
onkeyup : 某个键盘的键被松开
onkeypress : 某个键盘的键被按下或按住
键盘事件:
onmousemove : 鼠标被移动
onmouseout ;鼠标从某元素移开
onmouseover : 鼠标被移到某元素之上
onmousedown : 某个鼠标按键被按下
onmouseup : 某个鼠标按键被松开
比如淘宝购物时把鼠标放到宝贝图上就会放大,移开就会缩小就是用到鼠标的onmouseover,onmouseout事件。

3.重点掌握以下四个案例:
案例一:使用JS完成表单提示和校验
        提取id和content然后作为参数传给onfocus()方法,简化代码。
案例二:使用JS完成表格的隔行换色
        a.获得表格的控制权
        b.获得表格行数
        c.遍历每行,
        d.判断语句(判断奇数行,偶数行)
案例三:使用JS完成复选框的全选和全不选
        a.获得全选框。
        b.判断全选框是否选中,再获得下面的复选框,修改checke属性。
案例四:使用JS完成省市二级联动的效果
        a.定义数组arr[i][j],录入各省各市
        b.清空城市列表中的内容
        c.for循环遍历所有市
        d.嵌套for循环
        e.使用document.creatElement和document.creatTextNode将第一个列表中所选省份对应的城市添加到第二个列表中。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马