JS基础知识
2017-11-29 23:30
381 查看
一、JS代码的注意事项
大小写敏感;
换行与空格会在编译的时候被忽略,但字符串在换行时需要用 “+” 连接;
分号可有可无;
注释包括//和/**/
二、数据类型
基本数据类型
1.字符串型数据----用单引号或双引号包起来的文本字符串,如var h = "你好" 或 var h = '你好',两者没有区别
2.数值型数据----用双精度浮点值来表示数字,可以写成十进制、十六进制、八进制。十进制可以写成普通写法和科学计数法,如10 10.1 0.1 3e7 0.3E7 ; 十六进制,如0XAF3E 0x30FB ; 八进制,如037 0123456
3.布尔型数据----只有真和假;事实上,对于一个变量,非0即真,0值即假;如var b1 = true; var b2 = false; var b3 =0; var b4 = 0.1 则b1为真,b2为假,b3为假,b4为真
复合型数据
1.内置对象----var obj = new Object();(常用对象:Object Array ActiveXObject Boolean Date Function Math ...)
2.日期对象----date = new Date(); date = new Date(var); date =new Date(y, m, d[, h[, min[, sec[, ms]]]] );
范例:获取当前系统时间
<script language="JavaScript">
var cur = new Date();
var years = cur.getFullYear();
var months = cur.getMonth();
var days = cur.getDate();
var hours = cur.getHours();
var minutes = cur.getMinutes();
var seconds = cur.getSeconds();
alert("此时时间是:" + years + "年" + (months + 1) + "月" + days + "日" + hours + "时" + minutes + "分" + seconds + "秒");
</script>
3.数学对象----Math.属性 Math.方法名() PI, SQRT2, abs, cos, sin, max, min, sqrt, round, log, pow...
4.全局对象----isNaN(value)判断是否是value; parseFloat(String)字符串转浮点数; parseInt(String)转整数
5.字符串对象
6.数组对象----var a = new Array(); var a = new Array(10,1.2,"string",true);
var a = [10,1.2,"string";]; var a = new Array(3);
三、数据类型转换
隐式转换、显示转换
四、常量、变量、表达式、运算符
常量----字符串常量、布尔型常量、数值常量
变量----var 变量名 = 值; 变量名 = 值; var可以忽略,var声明变量时可以不赋初值
变量的作用域----全局和局部
关键字
表达式
运算符
五、控制语句
选择语句----if选择、if-else选择、if-else if选择、switch选择
循环语句----for循环、while循环、do-while循环、for-in循环( for(n in set) {语句} )、break\continue
异常处理----try-catch、try-catch-finally、throw
六、函数和数组
函数的定义
普通定义:function 函数名(参数名...){ 语句;return 表达式 }
变量定义:var 变量名 = new Function (参数... , 函数体)
例如:var c = new Function ("r", "return r*r"); var r1 = 2; var d = c(r1); alert(d);
argument对象:函数名.length表示函数定义时的参数个数;argument.length表示实际调用时传递的参数个数
函数的返回类型
值类型:将数据的值赋值传递、引用类型:传送数据的地址、返回函数
返回函数示例:
function getSum ()
{
function sum (a, b)
{
return a + b;
}
return sum;
}
var s = getSum ();
var total = s (1, 2);
alert (total);
函数的分类
构造函数,有返回值的函数,没有返回值的函数
函数的作用域
公有函数、私有函数、this关键字
创建数组
空数组var obj = new Array(); 指定长度var obj = new Array(3);
指定数组元素var obj = new Array(1, 1.2, "小明"); 直接创建var obj = [1, 1.2, "小明"];
数组元素的直接操作
示例:var s = new Array("洗衣粉", "小明", "长城");
读取元素var r = s[0];
添加元素s.push("111");
删除元素delete s[1];
获取个数var count = s.length;
数组对象的操作
转字符串:s.toString(); 连接s.join("--"),按--连接; 尾部添加元素s.push(".."); 删除最后一个元素s.pop();
s.concat(".."); s.splice();s.slice(start,end);s.sort(..);
七、事件
加载与卸载:onolad()、unload()
焦点:onblur()、onfocus()
键盘事件:onKeypress,onKeydown,onKeyup
提交:submit,reset
选择与改变:onSelect ,onChange
八、窗口对象window
onLoad,onUnload,onFocus,onBlur,alert,confirm(询问对话框),prompt("..","..")(输入对话框,前面是问题,后面是输入),open,scrollBy(对文档滚动),
九、历史对象
history.back();history.forward();history.go(-1/URL/...);
十、JQuery
基本元素选择器、基本条件选择器、内容条件选择器、属性选择器、子元素选择器、表单元素选择器、表单属性选择器
大小写敏感;
换行与空格会在编译的时候被忽略,但字符串在换行时需要用 “+” 连接;
分号可有可无;
注释包括//和/**/
二、数据类型
基本数据类型
1.字符串型数据----用单引号或双引号包起来的文本字符串,如var h = "你好" 或 var h = '你好',两者没有区别
2.数值型数据----用双精度浮点值来表示数字,可以写成十进制、十六进制、八进制。十进制可以写成普通写法和科学计数法,如10 10.1 0.1 3e7 0.3E7 ; 十六进制,如0XAF3E 0x30FB ; 八进制,如037 0123456
3.布尔型数据----只有真和假;事实上,对于一个变量,非0即真,0值即假;如var b1 = true; var b2 = false; var b3 =0; var b4 = 0.1 则b1为真,b2为假,b3为假,b4为真
复合型数据
1.内置对象----var obj = new Object();(常用对象:Object Array ActiveXObject Boolean Date Function Math ...)
2.日期对象----date = new Date(); date = new Date(var); date =new Date(y, m, d[, h[, min[, sec[, ms]]]] );
范例:获取当前系统时间
<script language="JavaScript">
var cur = new Date();
var years = cur.getFullYear();
var months = cur.getMonth();
var days = cur.getDate();
var hours = cur.getHours();
var minutes = cur.getMinutes();
var seconds = cur.getSeconds();
alert("此时时间是:" + years + "年" + (months + 1) + "月" + days + "日" + hours + "时" + minutes + "分" + seconds + "秒");
</script>
3.数学对象----Math.属性 Math.方法名() PI, SQRT2, abs, cos, sin, max, min, sqrt, round, log, pow...
4.全局对象----isNaN(value)判断是否是value; parseFloat(String)字符串转浮点数; parseInt(String)转整数
5.字符串对象
6.数组对象----var a = new Array(); var a = new Array(10,1.2,"string",true);
var a = [10,1.2,"string";]; var a = new Array(3);
三、数据类型转换
隐式转换、显示转换
四、常量、变量、表达式、运算符
常量----字符串常量、布尔型常量、数值常量
变量----var 变量名 = 值; 变量名 = 值; var可以忽略,var声明变量时可以不赋初值
变量的作用域----全局和局部
关键字
表达式
运算符
五、控制语句
选择语句----if选择、if-else选择、if-else if选择、switch选择
循环语句----for循环、while循环、do-while循环、for-in循环( for(n in set) {语句} )、break\continue
异常处理----try-catch、try-catch-finally、throw
六、函数和数组
函数的定义
普通定义:function 函数名(参数名...){ 语句;return 表达式 }
变量定义:var 变量名 = new Function (参数... , 函数体)
例如:var c = new Function ("r", "return r*r"); var r1 = 2; var d = c(r1); alert(d);
argument对象:函数名.length表示函数定义时的参数个数;argument.length表示实际调用时传递的参数个数
函数的返回类型
值类型:将数据的值赋值传递、引用类型:传送数据的地址、返回函数
返回函数示例:
function getSum ()
{
function sum (a, b)
{
return a + b;
}
return sum;
}
var s = getSum ();
var total = s (1, 2);
alert (total);
函数的分类
构造函数,有返回值的函数,没有返回值的函数
函数的作用域
公有函数、私有函数、this关键字
创建数组
空数组var obj = new Array(); 指定长度var obj = new Array(3);
指定数组元素var obj = new Array(1, 1.2, "小明"); 直接创建var obj = [1, 1.2, "小明"];
数组元素的直接操作
示例:var s = new Array("洗衣粉", "小明", "长城");
读取元素var r = s[0];
添加元素s.push("111");
删除元素delete s[1];
获取个数var count = s.length;
数组对象的操作
转字符串:s.toString(); 连接s.join("--"),按--连接; 尾部添加元素s.push(".."); 删除最后一个元素s.pop();
s.concat(".."); s.splice();s.slice(start,end);s.sort(..);
七、事件
加载与卸载:onolad()、unload()
焦点:onblur()、onfocus()
键盘事件:onKeypress,onKeydown,onKeyup
提交:submit,reset
选择与改变:onSelect ,onChange
八、窗口对象window
onLoad,onUnload,onFocus,onBlur,alert,confirm(询问对话框),prompt("..","..")(输入对话框,前面是问题,后面是输入),open,scrollBy(对文档滚动),
九、历史对象
history.back();history.forward();history.go(-1/URL/...);
十、JQuery
基本元素选择器、基本条件选择器、内容条件选择器、属性选择器、子元素选择器、表单元素选择器、表单属性选择器
相关文章推荐
- Node.js学习--基础知识(6)--常用工具util和事件EventEmitter
- JavaScript就这么回事 (JS基础知识整理)
- js基础知识
- Vue.js 运行环境搭建详解(基于windows的手把手安装教学)及vue、node基础知识普及
- Node.js学习--基础知识(9)--HTTP客户端
- js基础知识总结:函数
- JavaScript学习笔记(一)——JS基础知识介绍
- socket基础知识及js中的Web Sockets
- NodeJs>------->>第三章:Node.js基础知识
- D3.js-基础知识
- JS基础知识(五)
- H5基础知识第十课时(JS函数定义和分类)
- JS基础知识
- js基础知识
- js基础知识整理
- js 的基础知识
- Js基础知识梳理系列(01):数据类型
- javascript vue-resource基础知识 js网络请求
- Node.js学习--基础知识(4)--模块与包
- JS基础知识梳理--setTimeout()&setInterval()