js入门

js入门

数组

在java里面数组是有序的，它的长度固定只能存储相同类型。

在js中数组也是有序的，但是他的长度可变，可以扩容和缩容，存储类型也可以不一致数据类型。

数组扩容：

在js中可以直接根据所给的索引进行扩容，中间的元素会直接填充undefined，
s中数组的索引可以为负数但是不计入数组长度，普通for循环可以遍历所有undefined元素
for in foreach（是个函数）不会遍历出undefined元素
function(ele,idx)前面放的元素，后面是索引

数据类型转换(条件表达式)

返回值是boolean
false:
0
NaN
undefined
null
‘’
false
true：其他值

ParseXXX的用法

parseXXX(str)可以将字符串类型转换成对应的xxx类型。

var num = parseInt（'123'）
console.log(typeof(num));

运行结果：number

Json数据格式

json全称JavaScript Object Notation，它是一种严格的js对象的格式
json数据格式用一组键值对{'key',value}表示
其中‘key’是字符串类型，value可以是js中的任意类型

获取元素的方式

id属性、class属性、name属性、tagname标签名
var ele = document.getElementById("dv");
console.log(ele);
console.log("------------------------");
var col1 = document.getElementsByClassName("dv");
console.log(col1);
console.log(col1[0]);
console.log("------------------------");
var col2 = document.getElementsByTagName("div");
console.log(col2);
console.log("------------------------");
var col3 = document.getElementsByName("dv");
console.log(col3);
console.log(col3[0]);
console.log("------------------------");

获取和修改属性

先获取到对应的元素，再通过innerHTML、innerText、value去获取和修改属性
value常和表单元素联用
innerHTML获取所有元素包括内部的标签，设置时会自动将标签转化
innerText获取的时纯文本信息，设置时不能设置任何样式

常用的事件

onload()用于页面初始化
onchange()常和select联用，选中的目标发生改变时会触发事件
onclick()点击时触发事件

弹出框

alert()警示窗、comfirm()确认框、prompt()输入框

var flag = confirm("确认要删除吗？");
		console.log(flag);
		if(flag){
			alert("删除成功");
		}else{
			alert("取消删除!");
		}
window.prompt('你今年贵庚',18);//默认返回值为string类型

随机数取整

var rad = Math.random()*101;//取0-100的随机数
		console.log(rad);
		rad = parseInt(rad);//向下取整
		rad = Math.floor(rad);//向下取整
		rad = Math.round(rad);//四舍五入