一、 在Web页面中使用JavaScript
1.在页面中直接嵌入JavaScript:在Web页面中,可以使用<script>...</script>标记对封装脚本代码,
2.链接外部JavaScript:
语法格式:
<script language="javascript" src="javascript.js"></script>
注意:在外部JS文件中,不需要将脚本代码用<script></script>标记括起来
二、JavaScript语言基础
1.JavaScript的语法
(1)javascript区分大小写;
(2)每行结尾分号可有可无(最的编码习惯是在每行结尾加上分号,这样可以保证代码的正确性)
(3)变量是弱类型的,
(4)使用大括号标记代码块:被封装在大括号内的语句将按顺序执行
(5)注释:单行注释和多行注释
2.javascript中的关键字不能用作变量名、函数名以及循环标签
3、JavaScript的数据类型
(1)数值型:浮点型和整形
(2)字符型:
(3)布尔型、转义字符、空值(null)、未定义值(undefined)
三、流程控制语句
1.if条件判断语句
语法格式:
if(expression){ expression必选参数,用于指定条件表达式,可以使用逻辑运算符
statement 1
}else{
statement 2
}
2.switch多路分支语句
语法格式:
switch(expression){
case judgement1:
statement1;
break;
case judgement2:
statement2;
break;
...
case judgement n;
statement n;
break;
default:
statement n+1;
break;
}
3.for循环语句
语法格式:
for(initialize;test;increment){ initialize:初始化语句,用来对循环变量进行初始化赋值
test:循环条件 increment:用来指定循环变量 的步幅
statement
}
四、正则表达式的使用
1.语法:字符类、量词、指定匹配的位置、选择匹配符、分组
2.创建正则表达式(RegExp)对象
(1)通过RegExp类的构造方法创建:
语法格式: new RegExp(pattern[,flags]) pattern:必选参数,用于指定需要进行匹配的模式字符串
var objExp=new RegExp("\\d"); 用于匹配0~9中任意一个数字的正则表达式对象
var objExp=new RegExp("\\d","g"); 用于匹配所有出现的数字
(2)通过正则表达式字面量创建
语法格式: /pattern/[flags]
var objExp=/\d/;
var objExp=/\d/g
3.使用RegExp对象执行模式匹配
(1) test() 方法:用于对一个指定的字符串执行模式(正则表达式)匹配,
语法格式:regExp.test(str);
(2)exec()方法:也是一个对指定字符串执行模式匹配,但exec()方法比test()方法复杂一些,其返回值不在是true或false,
当没有搜索到匹配的字符时,该方法将返回null,否则返回一个数组,这个数组的第一个元素包含与正则表达式相匹配的字符串,
语法格式:regExp.exec(str) regExp对象的实例
五、函数
1.函数的定义:由关键字function、函数名加一组参数以及置于大括号中需要执行的一段代码定义的,
基本语法:
function functionName(parameter 1,parameter 2...){
statement;
[return expression;]
}
2.函数的调用:
3.匿名函数:
语法格式:
var func=function([parameter 1,parameter 2,...]){ statement;};
六、事件和事件处理程序:
1.JavaScript的常用事件
2.事件处理程序的调用:
(1)在JavaScript中
(2)在HTML中
3.常用对象
(1)String
a.属性:String对象最常用的属性是length,用于返回String对象的长度, String.length
b.方法:常用的方法:
1.indexOf()方法:用于返回String对象内第一次出现字符串的字符位置,如果没有找到指定的字符串,则返回-1,
语法格式:string.in
dexOf(subString[,startIndex])
subString :必选参数,要在String对象中查找的字符串
startIndex :可选参数,该整数值指出在String对象内开始查找索引,
var str="ddddsa@163.com";
var index=str.indexOf("@"); 返回值为6
var index=str.indexOf('@',7) 返回值为-1
注:String对象的索引值是从0开始的
2.lastIndexOf()从字符串的最后一个字符开始查找
3.substr()方法:用于返回指定字符串的一个子串;
语法格式:string.substr(start[,length])
如:var word="One World One Dream";
var subs=word.substr(10,9); 表示从下标为10出开始取,取出长度为9; 则结果为One Dream
4.substring()方法:用于返回指定字符串的一个子串;
语法格式:string.substring(from[,to])
from 用于指定要获取子字符串的第一个字符所在string中的位置;
to:可选参数,用于指定要获取子字符串的最后一个字符所在string中的位置
5.replace()方法:用于替换一个与正则表达式匹配的子串
语法格式: string.replace(regExp,substring);
6.split()方法:用于将字符串分割为字符串数组,
语法格式:
string.split(delimiter,limit);
delimiter:字符串或正则表达式,用于指定分隔符;
limit:可选参数,用于指定返回数组的最大长度,如果设置了该参数,返回的子串不会多与这个参数指定的数字,否则整个字符串都会被分割,而不考虑长度
返回值:一个字符串数组,该数组会通过delimiter指定的边界将字符串分割成的字符串数组
(2)Math对象:提供大量的数学常量和函数,在使用Math对象时不能使用new关键字创建对象实例,而应直接使用“对象名.成员”的格式来访问其属性和方法
(3)Date对象
a.创建Date对象
Date对象是一个有关日期和时间的对象,具有动态性,即必须使用new运算符创建一个实例;
语法格式:
dateObj=new Date();
dateObje=new Date(dateValue);
dateObj=new Date(year,month,date[,hours[,minutes[,seconds[,ms]]]]);
(4)Window 对象:是一个全局对象,是所有对象的顶级对象
a.Window对象的属性
b.Window对象的方法
1.open()方法:用于打开一个新的浏览器窗口,并在该窗口中装载指定URL地址的网页
语法格式:windowVar=window.open(url,windowname[,location]);
2.close()方法:用于关闭当前窗口
语法格式: window.close();
七、DOM技术
DOM是文档对象模型的简称,是表示文档和访问、操作构成文档的各种元素的应用程序接口(API)
1.遍历文档:nodeType:表示节点类型的整形常量,
2.获取文档中的指定元素
(1)通过元素的ID属性获取元素: 使用document对象的getElementsById()方法可以通过元素的ID属性获取元素
如:document.getElementById("userList");
(2)通过元素的name 属性获取元素:可以通过元素的name属性获取元素,该方法的返回值是一个数组,而不是一个元素
如:document.getElementByName("userName")[0];
3.与DHTML相对的DOM
(1) innerHTML和innerText属性
a. innerHTML属性声明了元素含有HTML文本,不包含元素本身的开始标记和结束标记。设置该属性可以用指定的HTML文本替换元素的内容
关键代码如下:
最新用户:
<span id="newUser"></span>
<script type="text/javascript">
var newUser="无语";
document.getElementById("newUser").innerHTML=newUser;
</script>
b.innerText属性声明了元素中含有的纯文本,不包含元素本身的开始标记和结束标记。
1.在页面中直接嵌入JavaScript:在Web页面中,可以使用<script>...</script>标记对封装脚本代码,
2.链接外部JavaScript:
语法格式:
<script language="javascript" src="javascript.js"></script>
注意:在外部JS文件中,不需要将脚本代码用<script></script>标记括起来
二、JavaScript语言基础
1.JavaScript的语法
(1)javascript区分大小写;
(2)每行结尾分号可有可无(最的编码习惯是在每行结尾加上分号,这样可以保证代码的正确性)
(3)变量是弱类型的,
(4)使用大括号标记代码块:被封装在大括号内的语句将按顺序执行
(5)注释:单行注释和多行注释
2.javascript中的关键字不能用作变量名、函数名以及循环标签
3、JavaScript的数据类型
(1)数值型:浮点型和整形
(2)字符型:
(3)布尔型、转义字符、空值(null)、未定义值(undefined)
三、流程控制语句
1.if条件判断语句
语法格式:
if(expression){ expression必选参数,用于指定条件表达式,可以使用逻辑运算符
statement 1
}else{
statement 2
}
2.switch多路分支语句
语法格式:
switch(expression){
case judgement1:
statement1;
break;
case judgement2:
statement2;
break;
...
case judgement n;
statement n;
break;
default:
statement n+1;
break;
}
3.for循环语句
语法格式:
for(initialize;test;increment){ initialize:初始化语句,用来对循环变量进行初始化赋值
test:循环条件 increment:用来指定循环变量 的步幅
statement
}
四、正则表达式的使用
1.语法:字符类、量词、指定匹配的位置、选择匹配符、分组
2.创建正则表达式(RegExp)对象
(1)通过RegExp类的构造方法创建:
语法格式: new RegExp(pattern[,flags]) pattern:必选参数,用于指定需要进行匹配的模式字符串
var objExp=new RegExp("\\d"); 用于匹配0~9中任意一个数字的正则表达式对象
var objExp=new RegExp("\\d","g"); 用于匹配所有出现的数字
(2)通过正则表达式字面量创建
语法格式: /pattern/[flags]
var objExp=/\d/;
var objExp=/\d/g
3.使用RegExp对象执行模式匹配
(1) test() 方法:用于对一个指定的字符串执行模式(正则表达式)匹配,
语法格式:regExp.test(str);
(2)exec()方法:也是一个对指定字符串执行模式匹配,但exec()方法比test()方法复杂一些,其返回值不在是true或false,
当没有搜索到匹配的字符时,该方法将返回null,否则返回一个数组,这个数组的第一个元素包含与正则表达式相匹配的字符串,
语法格式:regExp.exec(str) regExp对象的实例
五、函数
1.函数的定义:由关键字function、函数名加一组参数以及置于大括号中需要执行的一段代码定义的,
基本语法:
function functionName(parameter 1,parameter 2...){
statement;
[return expression;]
}
2.函数的调用:
3.匿名函数:
语法格式:
var func=function([parameter 1,parameter 2,...]){ statement;};
六、事件和事件处理程序:
1.JavaScript的常用事件
2.事件处理程序的调用:
(1)在JavaScript中
(2)在HTML中
3.常用对象
(1)String
a.属性:String对象最常用的属性是length,用于返回String对象的长度, String.length
b.方法:常用的方法:
1.indexOf()方法:用于返回String对象内第一次出现字符串的字符位置,如果没有找到指定的字符串,则返回-1,
语法格式:string.in
dexOf(subString[,startIndex])
subString :必选参数,要在String对象中查找的字符串
startIndex :可选参数,该整数值指出在String对象内开始查找索引,
var str="ddddsa@163.com";
var index=str.indexOf("@"); 返回值为6
var index=str.indexOf('@',7) 返回值为-1
注:String对象的索引值是从0开始的
2.lastIndexOf()从字符串的最后一个字符开始查找
3.substr()方法:用于返回指定字符串的一个子串;
语法格式:string.substr(start[,length])
如:var word="One World One Dream";
var subs=word.substr(10,9); 表示从下标为10出开始取,取出长度为9; 则结果为One Dream
4.substring()方法:用于返回指定字符串的一个子串;
语法格式:string.substring(from[,to])
from 用于指定要获取子字符串的第一个字符所在string中的位置;
to:可选参数,用于指定要获取子字符串的最后一个字符所在string中的位置
5.replace()方法:用于替换一个与正则表达式匹配的子串
语法格式: string.replace(regExp,substring);
6.split()方法:用于将字符串分割为字符串数组,
语法格式:
string.split(delimiter,limit);
delimiter:字符串或正则表达式,用于指定分隔符;
limit:可选参数,用于指定返回数组的最大长度,如果设置了该参数,返回的子串不会多与这个参数指定的数字,否则整个字符串都会被分割,而不考虑长度
返回值:一个字符串数组,该数组会通过delimiter指定的边界将字符串分割成的字符串数组
(2)Math对象:提供大量的数学常量和函数,在使用Math对象时不能使用new关键字创建对象实例,而应直接使用“对象名.成员”的格式来访问其属性和方法
(3)Date对象
a.创建Date对象
Date对象是一个有关日期和时间的对象,具有动态性,即必须使用new运算符创建一个实例;
语法格式:
dateObj=new Date();
dateObje=new Date(dateValue);
dateObj=new Date(year,month,date[,hours[,minutes[,seconds[,ms]]]]);
(4)Window 对象:是一个全局对象,是所有对象的顶级对象
a.Window对象的属性
b.Window对象的方法
1.open()方法:用于打开一个新的浏览器窗口,并在该窗口中装载指定URL地址的网页
语法格式:windowVar=window.open(url,windowname[,location]);
2.close()方法:用于关闭当前窗口
语法格式: window.close();
七、DOM技术
DOM是文档对象模型的简称,是表示文档和访问、操作构成文档的各种元素的应用程序接口(API)
1.遍历文档:nodeType:表示节点类型的整形常量,
2.获取文档中的指定元素
(1)通过元素的ID属性获取元素: 使用document对象的getElementsById()方法可以通过元素的ID属性获取元素
如:document.getElementById("userList");
(2)通过元素的name 属性获取元素:可以通过元素的name属性获取元素,该方法的返回值是一个数组,而不是一个元素
如:document.getElementByName("userName")[0];
3.与DHTML相对的DOM
(1) innerHTML和innerText属性
a. innerHTML属性声明了元素含有HTML文本,不包含元素本身的开始标记和结束标记。设置该属性可以用指定的HTML文本替换元素的内容
关键代码如下:
最新用户:
<span id="newUser"></span>
<script type="text/javascript">
var newUser="无语";
document.getElementById("newUser").innerHTML=newUser;
</script>
b.innerText属性声明了元素中含有的纯文本,不包含元素本身的开始标记和结束标记。