js分支语句

2020-09-21  本文已影响0人  lucky_yao

1:分支的分类?

1:if语句

2:switch语句

2:if语句的基本结构?

单分支:条件判断正确会执行花括号里面的代码,否则不会执行

if(条件判断){

执行语句

}

双分支:

if(条件判断){

执行语句

}else{

执行语句

}

多分支语句:

if(条件判断){

执行语句

}else if(条件判断){

执行语句

}else if(条件判断){

执行语句

}else if(条件判断){

执行语句

}...else{

执行语句

}

3:if语句的嵌套

if(){

if(){

}else if(){

}

}

4:switch() 语句

switch(条件判断){

case value;

执行语句;

break;

case value;

执行语句;

break;

case value;

执行语句;

break;

...

default:

执行语句:

}

case 记号

break 停止

default 否则

value   值

5:获取元素(标签)的方法

onclick  点击事件

function 函数

-------------------------

document.get  Element  ById(); 这句话找的是叫ID名字的标签

页面    获取  元素/标签  id名字

获取页面中一个id名叫xxx的标签

document.getElementsByClassName()[数字];获取class名字的标签

document.getElementsByTagName()[数字]获取标签名字的标签

document.getElementsByName()[数字]获取name属性的标签

ie8以下浏览器不兼容

document.querySelector()    获取一个元素

document.querySelectorAll() 获取多个元素

--------------属性--------------

value 获取input框里面的值

ClassName   给标签动态添加样式

innerHTML设置或获取标签所包含的HTML+文本信息 (从标签起始位置到终止位置全部内容,包括HTML标签,但不包括自身)

outerHTML设置或获取标签自身及其所包含的HTML+文本信息(包括自身)

innerText设置或获取标签所包含的文本信息(从标签起始位置到终止位置的内容,去除HTML标签,但不包括自身)

innerText 打印标签之间的纯文本信息,会将标签过滤掉,低版本的火狐浏览器不支持,而是支持textContent

outerText设置或获取标签自身及其所包含的文本信息(包括自身)

innerText和outerText在获取的时候是相同效果,

但在设置时,innerText仅设置标签所包含的文本,而outerText设置包含包括标签自身在内的文本

window.onload=function(){   如果你的js写在body上面,那么window.onload必须加,js内容写在window里面

        如果你的js写在body下面,那么可加可不加

}   这句话告诉浏览器,先加载布局内容,最后加载js内容
上一篇 下一篇

猜你喜欢

热点阅读