JavaScript学习

来源:互联网 发布:局域网建域名 编辑:程序博客网 时间:2024/06/06 12:59

1 基础入门
1.1 初探JavaScript魅力01
1.1.1 JavaScript是什么
1.1.1.1 网页特效原理
淘宝、新浪、百度
JavaScript就是修改样式
1.1.1.2 编写JS的流程
布局:HTML+CSS
属性:确定要修改哪些属性
事件:确定用户做哪些操作(产品设计)
编写JS:在事件中,用JS来修改页面元素的样式

1.1.2 第一个JS特效——鼠标提示框
1.1.2.1 分析效果实现原理
样式:Div的display
事件:onmouseover、onmouseout
动手编写此效果
1.1.2.2 特效基础
事件驱动:onmouseover
元素属性操作:obj.style.[……]
特效实现原理概括:响应用户操作,对页面元素(标签)进行某种修改
get Element By Id获取 元素 用 ID 通过ID获取元素

1.1.3 初识函数
1.1.3.1 制作更复杂的效果(DIV的颜色、大小都变化)
1.1.3.2 直接在事件内写代码会很乱
引入fucntion()、函数的基本形式
把JS从标签里放入到函数里,类似css里的class
变量的使用——别名

1.1.3.3 定义和调用
函数定义:只是告诉系统有这个函数,不会实际执行
函数调用:真正执行函数里的代码
关系和区别

1.1.4 getElementById
1.1.4.1 第一个JS兼容性问题
在FF下直接使用ID存在问题
引入document.getElementById()
document.getElementById在任何浏览器下均可使用
1.1.4.2 网页换肤
土豆网“开灯、关灯”效果
任何标签都可以加ID,包括link
任何标签的任何属性,也都可以修改
HTML里怎么写,JS里就怎么写
1.1.5 if判断
1.1.5.1 点击按钮显示/隐藏Div (弹出菜单)
特效实现过程及原理分析
if的基本形式

原创粉丝点击