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:

原文地址:https://www.cnblogs.com/csj007523/p/12901254.html