1. javascript概述
1.1javascript是什么?
是一种【基于对象】和【事件驱动】的脚本语言。
脚本语言:解释运行、无需编译(由浏览器解释)。
基于对象:有一些内置对象供我们使用,但是不能完全实现继承,封装和多肽。
事件驱动:必须由事件触发
1.2javascript发展历程
微软 JScript
规范:ECMA-262
1.3特点
交互性
跨平台性
安全性(ActiveX启动、可以操作本地文件)
2.javascript语言组成
2.1核心语法:ECMA Core
2.2浏览器对象模型:BOM (Browser Object Model)
2.3文档对象模型:DOM(Document Object Model)
3.javascript与Html的结合方式
3.1 直接写在事件中
<span οnclick="javascript: a();" ></span>
3.2 使用script标签,在标签内写js脚本
<script>function a(){alert("ss");} a();</script>
3.3 引入外部js文件
<script src="url" type="text/javascript"></script>
4.javascript基本语法
4.1 注释
// /**/
4.2 变量的声明
var i;
4.3 变量的类型(5个基本数据类型)
boolean,null,number,string,undefined
4.4 弱类型转换
var i=9.0;
var j="11";
var z=i+j;//911
其余-/*都是转为number进行计算,若变量不能转为number则打印NaN
4.5 运算符
-+/*
== 表示内容相同 打印true
=== 表示内容和类型相同 打印true
三目运算符:
null、0、''、undefined、false、false 一律为false
4.6 流程控制
条件语句:
if(){}else if(){}..
switch(string/number){case '':break;}
循环语句:
do{}while();
while()
for(){}//含增强for
4.7 动态生成表格
document.write();
5.javascript函数的定义
5.1 function 方法名(){}
5.2 var func = function(){}
5.3 使用Function 对象创建方法
6.javascript全局函数
6.1 isNaN 判断 不是数字则返回true
6.2 parseInt parseFloat 若 转换内容不是number类型则返回NaN
6.3 eval 将eval()函数中的参数当作 js代码来执行 eval("alert('ss')");
6.4 escape unescape 对非英文进行加码和解码
6.5 encodeURI decodeURI
7.javascript常用对象介绍
7.1 Array对象
var arr = new Array();
var arr = new Array([11]);
js数组对象可以任意长度、任意数据类型
数组中的方法:
arr.join('-');//个元素按-来连接
arr.pop();//获取最后元素
arr.sort();//是首先按每个元素的首字符进行ascall码由小到大排列、再按第二个字符排列
数组中的元素未初始化 则返回undefined
7.2 String
var str = new String();//是一个字符串对象
方法:
str.substring(n.m);//表示从字符串中下标为n的元素开始 截取到 下标为m-1位置的部分字符串
str.sustr(n,m);//表示从字符串下标为n的元素开始 向后截取m个字符串
7.3 Date
var date = new Date();
date.getMonth();//获取当前月数-1
date.getDay();//获取当前星期 0-6
date.getDate();//获取当前天数
7.4 Math
Math.floor(2.5);//向下取整
7.5 正则 RegExp
var reg = new RegExp(正则表达式);
reg.test(正则过滤的字符串);//匹配成功返回true、否则返回false
1.1javascript是什么?
是一种【基于对象】和【事件驱动】的脚本语言。
脚本语言:解释运行、无需编译(由浏览器解释)。
基于对象:有一些内置对象供我们使用,但是不能完全实现继承,封装和多肽。
事件驱动:必须由事件触发
1.2javascript发展历程
微软 JScript
规范:ECMA-262
1.3特点
交互性
跨平台性
安全性(ActiveX启动、可以操作本地文件)
2.javascript语言组成
2.1核心语法:ECMA Core
2.2浏览器对象模型:BOM (Browser Object Model)
2.3文档对象模型:DOM(Document Object Model)
3.javascript与Html的结合方式
3.1 直接写在事件中
<span οnclick="javascript: a();" ></span>
3.2 使用script标签,在标签内写js脚本
<script>function a(){alert("ss");} a();</script>
3.3 引入外部js文件
<script src="url" type="text/javascript"></script>
4.javascript基本语法
4.1 注释
// /**/
4.2 变量的声明
var i;
4.3 变量的类型(5个基本数据类型)
boolean,null,number,string,undefined
4.4 弱类型转换
var i=9.0;
var j="11";
var z=i+j;//911
其余-/*都是转为number进行计算,若变量不能转为number则打印NaN
4.5 运算符
-+/*
== 表示内容相同 打印true
=== 表示内容和类型相同 打印true
三目运算符:
null、0、''、undefined、false、false 一律为false
4.6 流程控制
条件语句:
if(){}else if(){}..
switch(string/number){case '':break;}
循环语句:
do{}while();
while()
for(){}//含增强for
4.7 动态生成表格
document.write();
5.javascript函数的定义
5.1 function 方法名(){}
5.2 var func = function(){}
5.3 使用Function 对象创建方法
6.javascript全局函数
6.1 isNaN 判断 不是数字则返回true
6.2 parseInt parseFloat 若 转换内容不是number类型则返回NaN
6.3 eval 将eval()函数中的参数当作 js代码来执行 eval("alert('ss')");
6.4 escape unescape 对非英文进行加码和解码
6.5 encodeURI decodeURI
7.javascript常用对象介绍
7.1 Array对象
var arr = new Array();
var arr = new Array([11]);
js数组对象可以任意长度、任意数据类型
数组中的方法:
arr.join('-');//个元素按-来连接
arr.pop();//获取最后元素
arr.sort();//是首先按每个元素的首字符进行ascall码由小到大排列、再按第二个字符排列
数组中的元素未初始化 则返回undefined
7.2 String
var str = new String();//是一个字符串对象
方法:
str.substring(n.m);//表示从字符串中下标为n的元素开始 截取到 下标为m-1位置的部分字符串
str.sustr(n,m);//表示从字符串下标为n的元素开始 向后截取m个字符串
7.3 Date
var date = new Date();
date.getMonth();//获取当前月数-1
date.getDay();//获取当前星期 0-6
date.getDate();//获取当前天数
7.4 Math
Math.floor(2.5);//向下取整
7.5 正则 RegExp
var reg = new RegExp(正则表达式);
reg.test(正则过滤的字符串);//匹配成功返回true、否则返回false