JavaScript基础入门

JavaScript就是修改样式

1.HTML+CSS静态网页

2.JS 交互、功能

3.编写JS的流程

-布局：HTML+CSS

-属性：确定要修改哪些属性

-事件：确定用户做哪些操作(产品设计)

-编写JS：在事件中，用JS来修改页面元素的样式

4.响应用户操作，对页面元素(标签)进行某种修改

 

初识函数

1.制作更复杂的效果(DIV的颜色、大小都变化)

2.直接在事件内写代码会很乱

-引入function()、函数的基本形式

-把JS从标签放到函数里，类似css里的class

-变量的使用—别名—重用

3.定义和调用

-函数定义：只是告诉系统有这个函数，不会实际执行

-函数调用：真正执行函数里的代码

-关系和区别

 

getElementById

1.第一个JS兼容性问题

2.在FF下直接使用ID存在的问题

-引入document.getElementById()

-document.getElementById在任何浏览器下均可使用

3.网页换肤

-“开灯、关灯”效果

-任何标签都可以加ID，包括link

-任何标签的任何属性都可以修改

-HTML怎么写，JS就怎么写

 

if判断

1.点击按钮显示/隐藏DIV(弹出菜单)

-特效实现过程和原理分析

-if的基本形式

2.扩展

-为a链接添加JS

       <ahref=”javascript:xxxx;”></a>

-className的使用

 

函数传参

1.改变背景颜色

-函数传参：参数就是占位符

-什么时候用传参—函数里定不下来的东西

2.改变DIV的任意样式

-操纵属性的第二种方式(.和[ ])

       -什么时候用：要修改的属性不固定

       -字符串和变量—区别和关系

       -字面量(常量)/变量

-将属性名作为参数传递

3.style与className

-元素.style.属性=xxx是修改行间样式

-之后再修改className不会有效果

-样式优先级*<标签<class<ID<行间

 

提取行间事件

1.提取事件

-为元素添加时间

       -事件和其他属性一样，可以用JS添加

       -window.onload的意义

       -行为、样式、结构三者分离

2.获取一组元素

-geElementsByTagName(标签名)

       -数组的使用

       -里面的

 

循环

1.用while引入循环的概念

-while循环语法

       -自增的意义

       -循环的构成：初始化、条件、语句、自增

2.for循环

-用for代替while循环

       -for(初始化；条件；自增){语句}

       -用for循环为一组元素添加事件

       -什么时候用循环—一组元素

-例子

       -全选—checked属性

       -反选—for循环配合if判断

 

选项卡

1.按钮的实现

-添加事件

       -this的使用：当前发生事件的元素

-先清空所有按钮，再选中当前按钮

2.内容的实现(div)

-先隐藏所有DIV，再显示”当前”DIV

       -索引值的使用

              -什么时候用索引值—需要知道”第几个”的时候

       -html添加index—会被FF过滤

       -JS添加index，arr[i].index=i;

 

JS简易日历

1.程序实现思路

-类似选项卡，只是下面只有一个div

-innerHTML的使用

2.数组的使用

-定义：arr=[1,2,3]

-使用：arr[0]

3.字符串连接

-作用：连接两个字符串

-问题：连接中的优先级