在对HTML和CSS有了初步的了解之后,进行了一系列的练习,现在开始学习JS
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
首先演示一下一个简单代码:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>IFE ECMAScript</title> </head> <body> <h1>Demo</h1> <p id="content-wrapper">你是谁?</p> <input id="name-input" type="text" placeholder="输入你的名字"> <button id="send-btn">发送</button> <script> document.getElementById("send-btn").onclick = function() { document.getElementById("content-wrapper").innerHTML = 'Hello ' + document.getElementById("name-input").value; } </script> </body> </html>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为负数,那么从最后一个字符开始;