JavaScript学习

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的基本形式

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值