js入门

数据类型分为
1.基本数据类型:字符串(String),数值(number),布尔(boolean)
2.复合数据类型: 数组(array),对象(object)
3.特殊数据类型: null(空)，undefined(未定义)

引入

js代码必须卸载script标签中

js可以写在页面的任意位置

js代码语句后的分号可以不加

js由上而下执行

弹出警告框：window对象中的方法可以省略window alert();

文档对象：文本对象+标签对象

js中的所有的变量声明都用关键在 var

在就是中没有字符，只有字符串，也就是说，单引号和双引号作用是相同的
var age = new Number(1);//结果是age=1
var sex = new String(‘男’);//结果sex= 男
var flag = new Boolean(true);//结果flag=true
typeof();//判断数据类型的方法
alert(typeof(sex));//结果是String
对于数字在js中非0即为真
对于字符串非空即为真
var b=new Boolean(1);//true
var b=new Boolean(-1);//true
var b=new Boolean(0);//false
var b=new Boolean("");//false
var b=new Boolean(“sfsf”);//true
复合数据类型1.数组2.对象
js数组特点：1.存放任意的数据类型2.可以任意修改长度
var arr1 = [“a”,1,true,null,undefined];//可以直接赋值，不同数据类型
var arr2=[];//创建一个最简单的js数组
var arr3=new Array(5);//创建一个长度为5的一维数组
var arr4=new Array(“上海”,“北京”);//一维数组
var arr5=new Array([“上海”,“北京”]);//二维数组
js支持循环，而且获取数组的长度用length属性

alert(JSON.stringify(arr1));//可以一次直接显示所有的值

属性与属性之间用逗号隔开，属性与属性值之间用冒号链接
属性名:可以加双引，单引，和不加引号
var obj1={name:“李四”,“age”:18,‘sex’:“男”};
var obj2 = {}; //创建最简单的对象
obj2.name = “张三”;
obj2.age = 18;
obj2.sex = “女”;//依次赋值

四种js函数声明的类型：
创建函数（方法）必须使用关键字function

1. function show1(){
   alert(“第一种无参无返回值”)；
   }

2. function show2(){
   return “第二种无参有返回值”;
   }
   alert(show2());

3.function show3(a,b){
alert(a+b+“第三种，有参无返回值”);
}
show3(1,1);

4.function show4(a,b){
return a+b+“第四种，有参有返回值”;
}
alert(show4(1,1));
//调用函数可以方法script中中任意位置

没有函数名的函数，叫做匿名函数，通常被当做参数被使用
对象的属性值可以是函数，但是在调用这个属性的时候，必须以方法的形式调用
var obj={};
obj.name=function(){
return “张三”;
}
alert(obj.name());
在函数外声明的变量叫做全局变量
在函数内声明的变量叫做局部变量
如果要在函数内声明全局变量，必须 省略var
在函数外声明全局变量可以省略var

var str=“dfasffase”;
document.write(str.charAt(0));//d 寻找下标位置所在的元素 charAt();
document.write(str.length);//9 查找字符串的个数 length是属性 不是方法
document.write(str.indexof(“a”,4))//6 第一个值是索引对象，第二个值是开始索引的下标 找到返回下标，找不到返回-1
document.write(str.lastIndexof(“a”,4))//2 第一个值是索引对象，第二个值是开始索引的下标 从后往前找
document.write(str.substr(0,5));//dfasf 第一个值是开始下标，第二个值是查找的个数 返回元素
document.write(str.substring(0,4));//dfas 第一个值是开始下标，第二个值是结束下标，截取含头不含尾
document.write(str.slice(0,4));//dfas 第一个值是开始下标，第二个值是结束下标，截取含头不含尾
var str2=“a-d-f-r-t-y”;
document.write(str2.split("-"));//[“a”,“d”,“f”,“r”,“t”,“y”];

var num = -15.5;
document.write(Math.ceil(num));//-15
document.writeln("
"+Math.floor(num));//-16
document.write("
"+Math.round(num));//-15
document.write("
"+Math.round(-15.6));//-16
document.write("
"+Math.abs(num)+"
");https://15.5
alert(Math.floor(Math.random()*(10-5))+5);//5到10之间的随机数

var d1 = new Date();
document.write(d1.toLocaleString());//toLocaleString() 将全部日期加时间转换成本地格式的时间显示
document.write(d1.toLocaleDateString()+"
")//只有年月日
document.write(d1.toLocaleTimeString()+"
")//只显示时间

var d2 = new Date(“2018-12-12 12:12:12”);//“2018/12/12 12:12:12” 两种一样
getDay()//获取星期 （1-6是周一到周六 0 是周末）
getDate()//获取当天号
getFullYear()//获取年份
getMonth()//获取月份 （0-11是1到12月）
getHours()//获取小时
getMinutes()//获取分钟
getSeconds()//获取秒数
getTime()//获取全部毫秒数

var arr1 = [1,5,6,4];
var arr2 = [3,4];
var arr3 = “dfdfs”;
document.write(JSON.stringify(arr1.concat(arr2)))//[1,5,6,4,3,4] 都是数组类型 拼接后仍是数组类型
document.write(JSON.stringify(arr1.concat(arr3)))//[1,5,6,4,“dfdfs”]; 当第一个为数组类型，第二个为字符类型，拼接后
document.write(JSON.stringify(arr3.concat(arr1)))//“dfdfs1,5,6,4” 当第一个为字符串类型，第二个为数组类型，拼接后是字符串类型

document.write(JSON.stringify(arr1.join("-")))//“1-5-6-4”; join()用一个字符将数组里的每一项连接起来，得到一个“长”的字符串。

document.write(JSON.stringify(arr1.pop()))//4 pop()移除数组中的最后一个元素并返回该元素。
document.write(JSON.stringify(arr1.push(6,5)))//返回6长度 将新元素添加到一个数组中的尾部，并返回数组的新长度值，添加的值可以随意增加
document.write(JSON.stringify(arr1.reverse())+"
");//[4,6,5,1]
document.write(JSON.stringify(arr1.sort())+"
");//[1,4,5,6]

var a=“12.12abc”;
var b=“a12.12abc”;
var c=“12.12”;
document.write(parseInt(a)+"
");//12
document.write(parseInt(b)+"
");//NAN
document.write(parseInt©+"
");//12

document.write(parseFloat(a)+"
");https://12.12
document.write(parseFloat(b)+"
");//NAN
document.write(parseFloat©+"
");https://12.12

document.write(JSON.stringify(Number(a))+"
");//NAN
document.write(JSON.stringify(Number(b))+"
");//NAN
document.write(JSON.stringify(Number©)+"
");https://12.12

document.write(isNaN(a)+"
");//true 非数值
document.write(isNaN(b)+"
");//true 非数值
document.write(isNaN©+"
");//false 数值

var str=“var a=10;var b=20;alert(a+b);”;
eval(str);//弹出30
//页面事件
onload 载入页面事件
onunload 卸载页面事件
//鼠标事件
onclick 鼠标单击事件
ondblclick 鼠标双击事件
onmousemove 鼠标移动事件
onmousedown 鼠标按下事件
onmouseup 鼠标抬起事件
onmouseover 鼠标移入事件
onmouseout 鼠标移出事件
//键盘事件
onkeydown 键盘按下事件
onkeyup 键盘抬起事件
onkeypress 键盘按下并抬起事件
//表单时间
onsubmit 表单提交事件
//其它事件
onfocus 获得焦点事件
onblur 失去焦点事件
onchange 内容改变事件
//event事件
clientX 返回当事件被触发时，鼠标指针的水平坐标
clientY 返回当事件被触发时，鼠标指针的垂直坐标
keyCode 获取键盘事件发生时键盘的按键值