JS课程

来源:互联网 发布:web后端性能优化 编辑:程序博客网 时间:2024/05/22 06:32
一:JavaScript 概述
1、JavaScript--js,是一种
基于对象和事件驱动的
解释性的
脚本语言,嵌入到页面上
2、特征:html+CSS+js--需要浏览器查看
标准的规范代码


3、如何书写(***)
a、事件定义:代码直接写在事件中
b、script块:代码写在页面的head里的script里,
使用方法封装,事件中调用方法
---适用于当前页面的重用
c、js文件:代码写在单独的 js 文件里,使用方法封装
页面先引入,事件中调用
---推荐方式


二、基础语法
1、标识符的规范---方法的名称、变量的名称
a、字母、数字、下划线、$,不以数字开头
b、不能和系统保留关键字重复
2、代码书写规范---大小写敏感、以;结束
3、变量的声明(***)--js是一种松散类型的语言,声明变量使用
var 关键字,变量的数据类型以赋值为准
var a1 = "mary";
var a2 = 100;
var a3 = true;
4、数据类型
简单类型:string、number、boolean
特殊类型:null、undefined
复杂类型:Array等
5、数据类型的转换(***)
a、各种简单类型
string:以一对单引号或者一对双引号
   特殊字符:使用转义
   中文:\u4e00表示一个汉字,用于那些不允许
使用中文的表达式中,比如正则表达式
number:var a=1;var a = 2.3;
bool:true、false--1、0
b、隐式转换:将不同类型的数据,自动转换
string+numer---string
string+bool---string(true/false)
number+bool---number(1/0)
bool+bool ---number(1/0)


c、显式转换:调用方法实现转换
parseInt---成功转换,否则NaN(not a number)
parseFloat---经常需要结合 isNaN 方法使用
toString

6、运算符
a、各种运算符
b、比较运算符中,特殊(***)
a == b:相等---值
a === b:严格相等---值和类型
c、三目/元运算符
xxx?a1:a2;


7、流程控制:改变其默认的执行顺序
a、分支
if/else
switch/case


b、循环
for----var i=0;
while


三、常用内置对象

1、js中的对象:内置对象、DOM、BOM对象等
2、String 对象
a、创建
var s = "mary";
var s = new String("mary");
b、属性
s.length
c、方法
s.charAt/charCodeAt()
s.replace("a","*")
s.split(",")----字符串的数组
s.toUpperCase/toLowerCase()
s.indexOf/lastIndexOf("a")
s.substring(start,end)
d、字符串,需要结合正则表达式实现特殊的功能(***)
replace/search/match


正则表达式:  \d{3}   [a-z]{3,5}--纯文本类型的表达式
表示一种匹配,不同的应用
js中应用正则表达式
/表达式/标识符
添加标识符:
g---global
i---忽略大小写ignource
m---multiline


3、Array 对象
a、创建和初始化(***)
var a = new Array();
a[0] = "mary";
a[1] = 100;
a[2] = true;


var a = new Array("mary",100,true);


var a = ["mary",100,false];


二维数组:
var a = new Array();
a[0] = ["1","2"];
b、属性
a.length
c、方法
a.toString()----1,2,3
a.join("|")----1|2|3
a.sort()
---默认的比较规则:按照字符串比
a.reverse()
a.concat();
a.slice();


4、Math 对象
a、不需要创建,直接使用
b、属性和方法
Math.random();---0=<   <1
Math.round()
Math.floor()
Math.ceil()


3-9之间的整数
Math.random() * 6 + 3


5、number 对象
a、创建 var n = 123.456789;
b、方法
n.toString()
n.toFixed(2)---数值的格式化输出,保留小数点后n位

6、正则表达式对象
a、声明/表达式/gim
b、应用
应用一:结合 string 对象的方法,常用于对于字符串的处理
应用二:使用正则表达式对象的 test方法
用于实现录入的验证
var r = /\d{3}/;
r.test(string)---true/false

7、日期对象
a、创建
var d = new Date();---当前日期和时间
var d = new Date("2013-9-10");
b、方法
getXXX():获取
getMonth()
getDate()
setXXX():修改
setMonth()
setDate()
toXXX():获取一定格式的字符串,用于显示
toString()


8、方法
a、封装代码
b、如何定义方法
function MethodName(x,y,t,...)
{
//方法体
return value;
}
c、调用方法
M();
M(1,34);
var r = M(20);
d、局部变量和全局变量
e、




四、各种应用
0 0
原创粉丝点击