JSBasic
对象篇
创建对象
var obj=new Object();obj.name = RAY;...
变量篇
变量命名:
由字母、下划线、数字、$组成;不能是关键字和保留字;辨别大小写
闭包
有权拜访另一个函数作用域中的变量的函数。多见于在一个函数外部创立另一个函数。
JS根底
目标&当初:
js最开始是为了判断客户端的输出,如:对传空的参数进行判断,为了缩小服务器的压力;现在:特效、异步交互、web&挪动端、客户端nodejs等
组成:
ECMAscript (js语法标准),BOM(js操作浏览器API),DOM(js操作网页元素API)
基本知识
1.var一个变量,内存里的栈则将会保留这个根本类型=>变量的值。2.js是一种弱类型的语言3.JavaScript的数据类型有:简略(根本)类型:Number、String、Boolean、undefiend、null简单(援用):Oject、Array、Date等4.typeof x => typeof关键字用来查看x的类型是什么;5.NaN =>非数值类型isNaN(x):任何不能被转换为数值的值都会导致此函数返回true;6.本义符\\n换行 \\t制表缩进 \\b空格 \\r回车 \\\\斜杠var str="hello \\"itcast\\" ";7.因为字符串不可变性,for循环对一般类型,根本字符串的一直操作,会一直开拓内存栈里的内存空间,故尽量应用数组;8.空字符串,0,NaN,null,undefined 在boolen值转换中都会转换成false;“0” 这是字符串 是true;var msg; //此时msg为undefined;if(msg){ alert ("true")}else{alert("false")}9.转换成字符串类型:tostring(“123”) String(abc) 或者用 + 拼接字符串;eg: var str=""+18; //"18"把字符串转换成数字类型:Number("123") 或者parsetInt("123") 【转换成整数】或者 parseFloat(“123”)【浮点数】转换成布尔类型:隐式转换:(!abc) ,(!!abc) ,(abc)Boolen("123");10.数字运算符 %=》 取余++a;先a=a+1(a已从新赋值) 表达式返回a的值(a从新赋值)a++;先返回表达式的值a(返回的是原之前的a)再a = a+1:(a从新再赋值)11.逻辑运算符 **&&:与 有一个为false,则返回false****|| :或 有一个true,则返回true**!: 取反短路运算符是因为 && 第一个满足,为false,则不执行,返回false|| 第一个满足,为true,则不执行返回true额定:var b ="abc" && "bcd"; 如果2个操作数,有一个为false,则返回这个数;如果都是true,返回第二个;var b = "abc" || undefined; 返回true的那个值,12.=== 全等是**值**和**类型**都等于才能够13.switch里的case用的是全等;不写break则会把匹配到语句,以及上面的语句也执行了switch(a){case x:console.log(x);case y:conosle.log(y);default :console.log(haha);break;}14.三目运算符 var sex=1; sex=sex ===1?“男”:“女” (true :false)15.break:在某种条件下,中断循环continue:合乎某种条件下,跳过该序,循环下一个
DomAPI
1.获取元素
document.getElementById
依据ID查找元素,如果有多个后果,只返回第一个
document.getElementsByClassName
依据类名查找元素,多个类名用空格分隔,返回一个HTMLCollection
document.getElementsByTagName
依据标签查找元素, * 示意查问所有标签,返回一个HTMLCollection
document.getElementsByName
依据元素的name属性查找,返回一个 NodeList
document.querySelector
返回单个Node,IE8+(含),如果匹配到多个后果,只返回第一个
document.querySelectorAll
返回一个 NodeList ,IE8+(含)
2.节点创立
根底练习
1.应用temp替换两个变量
var n1=50,n2=60;
var temp=n1;
n1=n2;
n2=temp;
2.不实用temp替换两个变量
var n1=50,n2=60;
n1=n1+n2;
n2=n1-n2;
n1=n1-n2;
3.应用prompt windows自带的input弹出-输入框
var num=prompt("请输出一个数字");
if(isNaN(num)){
console.log("不是数字")
}else {
console.log("是数字")
}
4.数值类型转换
//当字符串由字母与数字组成
var numberTrans="123ab";
alert(parseInt(numberTrans)); //123
alert(Number(numberTrans)); //NaN
//当字符串为空null时
var numberTrans="null";
alert(parseInt(numberTrans)); //NaN
alert(Number(numberTrans)); //0
//当字符串为空“ ”时
var numberTrans=" ";(或者 字符串A)
alert(parseInt(numberTrans)); //NaN
alert(Number(numberTrans)); //0
5.短路逻辑或的用法
var n1 =n1 || 0; 意思是如果n1为"" ,undefined, null 则 n1=0;