在head标签中使用,js代码
Console.log<”字符”> 测试类型抓取log
注:在JS内注释使用//。Js里面一起皆是对象,对象可以看作一个类型,基于这个类型创建一个对象可调用该类型里面的函数。
变量和数据类型
变量:存放数据的容器,是内存一块小空间。
变量分为全局变量和局部变量。
Var:声明变量的一个单词。
数据类型:数据的种类
JavaScript中的数据类型:
基本的类型:数字、字符串、布尔值(甄别数据的错与对)
数字:就是阿拉伯数字
字符串:就是双引号中的多个字符串联起来
布尔值:true false
特殊的类型(当浏览器出现提示时):未定义的(undefined)、空(null)、非数字(NaN)
变量的命名规则:由字母、数字、下划线、美元符号$、组成 \n(换行,在字符串中加入)
要求:不能以数字开头,不能使用关键字(被系统使用过,已经具备某种含义的一些特殊单词),不能有空格,见名知意。
注:JS是弱类型语言(不死特别严格的语言),如第二个类型要覆盖第一个类型只需在第一个类型加var
列子:var 名字=类型
Alert(名字+添加的类型)
定义数组:访问元素:数组名[ 下标(数字)]
注:下标从数字0开始。”\n”+(换行),“\t”(空格)。
列子:
对象类型:arry abject
注:每个属性结束后用,号隔开。
列子:
测试:
运算符:赋值运算符、逗号运算符、
算术运算符(+、-、*、/、%)、
关系运算符(>(大于)、<(小于)、==(等于)、>=(大于等于)、<=(小于等于)、!=(不等于)、==(全等于))
逻辑运算符(&&(与,同真则真,一假则假)、||(或,一真则真,同假则假)、!(非,去反,真变假,假变真))
三目运算符(?A:B(如果?前面的运算值等于A就显示A,如果等于B就显示B))
自增(++,在原来的基础上加1,==>++单目运算符,)、自减(--,在原来的基础上减1)
复合赋值运算符(+=、-=、*=、/=、%=,在原来值上进行运算,先计算后赋值。)
注:运算优先级:单目>乘除>加减>关系>逻辑>赋值>
列子:
流程控制-if
流程程控:
顺序:按照代码的排序先后依次执行。
选择:根据判断的结果选择性的执行某些代码。
循环:根据判断结果重复地执行某些代码。
选择结构:
If 结构,if(条件表达式){
}else{
}
注:表达式的结果为true,则执行第一个{}里的代码,特例:若执行语句只有一句,则可以省略{};否则执行else{}里的代码。
If的多分支:执行多个条件的值。
Switch........case:
Switch(数值){
Case 值1:执行代码;break;
Case 值2:执行代码;break;
Default:执行代码;
}
说明:数值和case值进行匹配,匹配上谁就执行对应的语句并退出。
若数值没有匹配上case则执行default对应的代码(default不是必须的)。
关键字:break(达到条件直接退出) continue(达到条件跳过并继续)
循环控制for:
For(定义语句;执行条件;自增表达式){
要显示的字符 ;
}
说明:定义语句:定义一个计数器var i=0;
执行条件:设定一个循环条件i<10;
自增表达式:让计数器增长,以违背循环条件,到退出的目的i++(可以改变递增数,比如i+2)
执行流程:定义语句→执行条件→满足执行条件显示要显示的字符→以自增显示
↓
不满足执行条件退出
另一种for循环的写法(更简单):
Whilet(条件){
要显示的字符;
}
Do....while:
.Length:获取数组中的元素个数!
函数:程序中函数就是一个功能,在软件开发中为了降低软件的复杂度需要把软件功能进行拆分。
写法:function函数名(参数,多个参数之间用,隔开,不必要可省略){
显示语句字符;
Return返回的值;
}
字符串相关函数:
事件编程:通过用户操作,调用某些特定功能
三要素:
事件源:一切可以出发事件的标签
监听器:本质上是函数
数据处理函数:处理事件的业务逻辑
事件类型:
鼠标事件:
body事件:
一、获得几点的几种方法:
1、getElementById("id"),根据ID属性,找到某个节点。
2、getElementsByClassName("name"),根据类名,找到类名数组。
3、getElementsByTagName("name"),根据标签的名字,找到标签数组。
4、getElementsByName("name"),根据name属性,找到某个数组。
列子:
二、获取节点的内容:
1、表单:.value表单
2、非表单:.innerHTML 获取标签内容
3、修改样式:
.style.CssName="取值"
例如: .style.Color="red";
4、获得或者修改属性
.属性名
例如.href="xxxxx"
5、节点操作
添加节点、替换节点、删除节点:
找到子节点
定时器
使用定时器的参数:
1、需要执行的代码(一般情况下都是调用函数)
2、调用频率(每个多长时间调用一次)
停止定时器的参数:
被停止的定时器
RegExp 对象
截止目前学习项目目录压缩包:pan.lanzou.com/1395090/