js高级总结

1、js的函数定义方式三种

1.function add(a,b){return a+b;}

2.var add=function(a,b){return a+b;}

3.var param = "a,b";
var method = "var sum;sum=a+b;return sum;";
var test2 = new Function(param,method);

2、js的函数的重载

第一，在js不存在重载
第二，可以使用js函数里面arguments数组模拟重载的效果

function add1() {
//模拟重载的效果（有几个参数，实现这几个参数的相加）
var sum = 0;
for(var i=0;i<arguments.length;i++) {
sum += arguments[i];
}
return sum;
}

3.js事件绑定标签3种

1)<input type="button" value="第一种方式" onclick="add1();"/>

2)document.getElementById("buttonid").onclick = add1;

3)document.getElementById("buttonid1").onclick = function() {
alert("aaaaa");
};

4、js的事件有8种

onclick onload onfocus onblur onmouseover onmouseout onkeypress onsubmit

5、js的dom对象

* 解析过程：根据html的层级结构在内存中分配一个树形结构
* document对象，代表整个文档
* element对象，代表标签
* attribute属性对象
* text文本对象
* Node节点对象，是这些对象的父对象，在找不到想要使用的方法，到Node里面找

6、document对象

document.write("<hr/>");

var input1 = document.getElementById("textid");

var inputs1 = document.getElementsByName("name1");

var inputs2 = document.getElementsByTagName("input");

7、innerHTML属性

一个是设置

一个是显示

8、表单的提交和校验

<form method="get" onsubmit="return checkForm();">
username: <input type="text" name="username"/>
<br/>
password: <input type="password" name="password"/>
<br/>
<input type="submit" value="提交"/>
</form>
//注意校验方式

function checkForm() {
//判断用户名不能为空
var username = document.getElementById("usernameid").value;
var password = document.getElementById("passwordid").value;
if(username == "") {
alert("用户名不能为空");
return false;
}
if(password == "") {
alert("密码不能为空");
return false;
}
return true;
}

在form标签里面，写普通按钮 

<form method="get" id="form01">

<input type="button" onclick="form01()"/>

function form01() {
//得到输入项里面的值，判断值是否为空，如果为空不进行提交
var username = document.getElementById("usernameid").value;
var password = document.getElementById("passwordid").value;
//如果值为空，不进行提交
if(username == "") {
alert("用户名不能为空");
} else if(password == "") {
alert("密码不能为空");
} else {
//得到form标签
var form01 = document.getElementById("form01");
form01.submit();
}
}

11、json有两种数据格式

1.对象 {"name":"zhangsan","age":23,"addr":"北京"}

2.数组{"name":[{"name":"zhangsan","addr":"北京"},{"name":"lisi","addr":"上海"}]}

12、js解析json

document.write(json1.username);

document.write(json2[0].addr);

a