《力所能及的JavaScript》公开课 课堂笔记要点.pdf

传智播客 网页平面设计学院 只花一份钱 ，同时掌握网页、平面、UI、Flash四种技能 《力所能及的JavaScript》公开课 课堂笔记 主讲老师： 邵山欢 授课班级： YY公开课 授课日期： 2014年2月11 日、12 日 传智播客 ·网页平面设计学院 1 14 第 页 共 页 传智播客 网页平面设计学院 只花一份钱 ，同时掌握网页、平面、UI、Flash四种技能 目录 目录2 一、进军行为层！3 1.1JavaScript是什么？3 1.2JavaScript不是什么？3 1.3JavaScript在今天的地位4 1.4JavaScript 的开发工具4 二、JavaScript程序5 2.1 单击红色的盒子，页面的标题栏内容改变5 2.2 单击这个红色盒子，页面弹出警告框6 2.3 单击红盒子，跳转到新浪网6 三、对象、属性、方法6 3.1 对象6 3.2 属性7 3.3 方法8 小练习9 四、操作页面元素10 4.1 事件的三要素10 4.2 语句按行执行11 4.3 鼠标进入、鼠标离开事件11 4.4 实例：仿网易的选项卡12 4.5 水平菜单13 2 14 第 页 共 页 传智播客 网页平面设计学院 只花一份钱 ，同时掌握网页、平面、UI、Flash四种技能 一、进军行为层！ 结构层：HTML → 从页面结构，语义上描述页面 样式层：CSS → 从审美的角度装饰页面 行为层：JavaScript → 从交互的角度提升页面用户体验的 交互就是网页的元素针对用户的特定行为，产生指定的变化。 我们称：这个小圆钮能够响应用户的单击事件。 我们称：这个小格子能够响应用户的鼠标进入事件，响应鼠标离开事件。 1.1JavaScript是什么？ JavaScript是用来实现交互的。 JavaScript NotePad++ Editplus 首先， 是纯文本的，用任何的纯文本编辑器都能够编辑它（记事本、 、 、 dreamweaver、sublime）。同时它是网页的一部分，随着一个html页面被请求，JavaScript脚本也随之下载到 了用户的计算机本地，在用户计算机本地渲染运行的。 JavaScript脚本是能够从网站上扒下来的。 1.2JavaScript不是什么？ JavaScript不是Java！ JavaScript Java jsp 是轻量级运行在浏览器中的语言，而 是跨平台的开发多种应用的语言。 网站、安卓 3 14