在对HTML和CSS有了初步的了解之后,进行了一系列的练习,现在开始学习JS
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
首先演示一下一个简单代码:
IFE ECMAScript
Demo
你是谁?
JS基本语法:
注释方式
style / /
body
script //
/ /
简单指令
alert(""); 弹出一个提示框;
confirm(""); 确认框,点击后会响应返回true或false;
prompt(); 弹出一个输入框;
document.write("");在页面显示这里的内容,但是会覆盖掉之前页面的内容;
console.log(""); 在控制台打印信息;
console.dir(""); 在控制台打印出该对象的所有信息;
类型转换(type)
parseInt("1253");
parseFloat("123.123");
isNaN(number),如果number不是数字,则为true;
Number(number),将字符换转换为数字类型,若number不是数字,则返回NaN;
data.toString();
String(data);
当变量声明未赋值时值为undefined,对象为空时返回值为:null
三元表达式
a>b?a=1:a=2;
数组Array
(1)、定义
构造函数:
var arr = new Array("123","abc","xxx");
字面量:
var arr = ["123","646","abc"];
数组长度:
var arr = new Array(6);(数组长度为6);
(2)、赋值
arr[0]=1;
数据类型
(1)、简单数据类型
string、number、boolean
(2)、复杂数据类型
String、Number、Boolean、Array、Math、Date、Obeject、function、RegExp(正则表达式)
(3)、空数据类型
Null、undifined
求x的y次幂 Math.pow(x,y);
求正弦值 Math.sin(x);
Math.abs(x); 得到一个数字的绝对值
(Array)数组对象
(1)、arr1.concat(arr2);
数组拼接,结果为将arr2拼接到arr1的最后;
(2)、arr.join();
数组字符串输出,括号内可以指定元素连接的符号;
eg:
arr=["a","b","c","d"];
console.log(arr.join("|")); (结果为"a|b|c|d")
(3)、arr.pop();
切除数组的最后一个元素,返回值为该元素;
(4)、arr.slice(start,end)
获取,获取数组的指定片段,start必须有,如果参数为负数则从末尾开始选取;
返回值为该片段组成的,一个新的数组;
(5)、arr.push
添加,用于向数组的末尾添加新的元素,参数可以是多个;
返回值为数组的新长度;
(6)、arr.splice
1、用于向数组中指定的索引添加元素;
arr.splice(2, 0, "William","asdfasdf");
在第2个元素开始,删除的元素个数(可以为0,为0到结尾),
加入元素为"William"、"asdfasdf";
2、用于替换数组中的元素;
arr.splice(2,1,"William");
3、用于删除数组中的元素;
arr.splice(2,2);
(7)、arr.indexOf(element);
查找,在数组中查找element,返回值为索引,如果没有该元素返回-1;
(8)、arr.sort(function);
排序,function为一个函数;
eg:
function sortNumber(a,b){
return a-b;
}
arr.sort(sortNumber);(从小到大排序)
tips:如果a-b改成b-a,那么执行的操作为从大到小;
tips:字符串对象(String)的方法与Array的方法类似;
(Date)日期对象
date.getTime()
date.getMilliseconds()
date.getSeconds()
date.getMinutes()
date.getHours()
date.getDay()
date.getDate()
date.getMonth()
date.getFullYear()。。。。。
(String)对象
charAt(index)
str[index] 获取字符串指定位置的字符
concat()拼接字符串
slice(start,end)
substring(start,end) 截取从start开始,end结束的字符,
返回一个新的字符串,若start为负数,那么从最后一个字符开始;