Javascript 学习总结，基本语法，数据类型，集合，类型转换，方法的使用，匿名方法，DOM，BOM,注册事件,动态操作元素,操作样式

Javascript 学习总结

介绍：
Javascript 在浏览器中运行
写在head,body,外部脚本文件

基本语法：
大小写敏感；
若类型语言：声明时不需要指定类型；
分好结尾；
注释：单行：//
多行： /*

*/
字符串可以用单引号，也可以用双引号；
var value="hello";
var value='hello';

数据类型：
boolean
number
string
Undefined
Null
Object

查看变量类型可以用typeof()
console.log(typeof(1))


js 集合：
1.数组： var array=[1,2,3,4];
2.键值对:
var keyvalue={key1:"value1",key2:"value2"}; //js对象
var keyvalue={"key1":"value1","key2":"value2"};//json格式的对象

3.对象数组：[{},{},{}]
var keyvalue=[
{"key1:"value1","key2":"value2"}，
{"key1:"value1","key2":"value2"}，
{"key1:"value1","key2":"value2"}
];

数组对象属性：
length
数组对象方法：
concat()：连接2个数组，返回结果；
join():将数组里所有元素放入一个字符串，元素通过指定的分隔符分割；
push():向数组的末尾添加一个或多个元素
reverse()：颠倒数组中元素的顺序
sort():对数组的元素进行排序；
splice():删除元素并向数组添加新元素；arr1.splic(0,2,6)//从数组index=0开始删除2个元素，并在此删除index添加6

类型转换：
var str="9876";
var num=parseInt(str);
var num2=parseFloat(str);
typeof(num);

方法的使用：
function myFunction(para1,para2){

}
js不存在方法的重载，
从方法中获取参数还可以用arguments关键字，是一个数组；

匿名方法：
不需要些方法名称的方法；
var fun = function (a,b){
return b-a;
}
ar1.sort(fun)
fun(1,2);


(function(para1,para2){

})(1,2);

闭包：
可以理解为子方法可以使用父级方法里的变量，变量不易释放


DOM:
document object model
用于操作html文档（操作html标签里的内容）
js中将每一个标签当作对象处理
html中每个标签都有自己的属性，方法，事件；
DOM对象一般使用document关键字调用；

document.getElementById(id); = document.querySelector("#dv1");
document.getElementByName(name);
document.getElementByClassName(className); =document.querySelector(".dv"); document.querySelectorAll(".dv");
document.getElementByTagName(tag);

注册事件：
元素注册事件：
onclick="clickme()"

对象注册事件：
document.getElementById('txt1').onclick=function(){}

在方法内获取当前元素的值：alert(event.target.value)

var changeme=function(){
alert(event.target.value);
}
document.getElementById("txt1").onchange=changeme;



动态操作元素：
document.createElement();
document.insertBefore(new1,orge1);
document.firstChild;获取第一个子元素；
var dv1=document.getElementById("dv1");
var appnode = document.createElement("input");
dv1.appendChild(appnode)


获取元素内容：
VAR content =document.getElementById("dv1").innerHTML;
VAR content =document.getElementById("dv1").innerText;获取标签里内容部分内容，不取标签；
console.log(content);

操作样式：
操作style属性：
document.getElementById("dv1").style.font-size="20px";

BOM：
browser object model 用于操作浏览器的行为；
操作bom对象，一般使用windows关键字；

常用方法：
alert(); 弹出提示对话框
confirm();弹出确认对话框
prompt()：弹出输入对话框，返回输入内容；
setInterval(fun,milliseconds): 计时器，以毫秒计算，fun要执行的代码,知道窗口关闭或调用了clearInterval()

setTimeout(fun,milliseconds):一次性计时器，在指定的毫秒后调用；

localtion:浏览器地址栏：
host:返回URL的主机名和端口
href:返回完整的url
port:
onload: