JavaScript基础二
一、if分支结构
单分支: if (条件表达式) {} 双分支: if (条件表达式) { 代码块 } else {} 多分支: fi (条件表达式) { 代码块 } else if { 代码块 } else {} if嵌套
二、switch分支结构
switch (表达式) { case 值 : 代码; break; case 值 : 代码; break; default : //上面条件没有满足时,执行 }
三、循环结构
1、for循环
for (循环变量1;条件表达式2;循环变量增量3) { 代码块4; } // for循环运行的顺序是: 1 243 首先看循环变量,如果满足条件表达式,就运行循环代码,运行完毕后,再自增循环变量
2、while循环
while (条件表达式) { 代码块; }
3、do...while循环
do { 代码块; } while (条件表达式); //执行顺序是:首先运行一次do作用域里的代码块,再执行条件表达式,如果不满足,就不再运行。 do...while 至少运行一次
4、for...in 和for...of
for...in循环 obj = {'name':'zhuyu','age':18} for (k in obj) { console.log(k,obj[k]); //这里的k是key值 } for...of循环 iter = ['a','b','c'] for (i of iter) { console.log(i) } 注意:for...in 针对的是对象 for...of 针对的是可迭代的对象 for ... in 如果循环的是可迭代对象的话,那么它的循环变量是索引 如果不是可迭代对象的话,那么循环变量是key值 for ... of 只能循环可迭代的对象
四、异常处理
try { 可能会出错的代码块 } catch(err) { 异常处理代码块; } finally { 不管会不会出异常,都会执行这里的代码块; }
五、初级函数
1、函数的定义
ES5中 var func1 = function(参数) { 函数体代码; } function 函数名 (参数) { 函数体代码; } ES6中 let func2 = function(参数) { 函数体代码 } 匿名函数 (function (参数列表) { 函数体代码; })
2、函数的调用
函数的调用和python一样
函数名() 该传值就传值
注意:匿名函数没有函数名,匿名函数只能是它本体去调用
3、函数的参数
JavaScript中有位置参数,没有关键字参数,只有默认参数 默认参数和位置参数它们的位置并没有规定谁在前在后 python可以通过*args,**kwargs去接收多个参数,js中通过 ... 也可以实现 eg1: var func = function (a,b,c) { console.log(a,b,c) }; func(100) 那么abc的值为:100,undefined,undefined eg2: var func = function (a) { console.log(a) }; func(100,200,300) 那么a的值为:100 //200,300就会被舍弃 eg3: var func = function (a,b=20,c,d=40) { console.log(a,b,c,d) }; func(100,200,300) 那么abcd的值为:100,200,300,40
4、函数的返回值
return 可以返回任意JavaScript数据类型,但是只能有一个
六、初级事件
onload :等页面加载完毕,再执行操作。只对于window对象 onclick:鼠标点击事件 onmouseover:鼠标悬浮事件 onmouseout:鼠标移开事件 onfocus:表单元素获取焦点 onblur:表单元素失去焦点
七、JavaScript选择器
//通过id获取到页面的元素对象 document.getElementById('id名') 注意:getElementById()只能由document去调用 //通过class获取到页面的元素对象 document.getElementsByClassName('class名') 注意:这是获取页面所有class名的元素对象,所以这是一个数组类型,我们可以通过索引取到取到其中的一个对象,再进行其他操作 //通过tag获取到页面的元素对象 document.getElementsByTagName('标签名') 注意:这里和上面通过class获取元素对象是一样的,得到的是数组类型 //这是获取满足条件的第一个页面元素, document.querySelector('css语法的选择器') //获取到所有满足条件的页面元素 document.querySelectorAll('css语法的选择器')
八、JavaScript操作页面内容
先空着,过些天写好
九、js操作页面样式
先空着,过些天写好