js 涉及到的单词 语法的运用

do-while循环的与for循环,while循环的区别:
一、循环结构的表达式不同
do-while循环结构表达式为:do{循环体;}。
for循环的结构表达式为:for(单次表达式;条件表达式;末尾循环体){中间循环体;}。
在这里插入图片描述

while循环的结构表达式为:while(表达式){循环体}。
二、执行时判断方式不同
do-while循环将先运行一次,因为经过第一次do循环后,当检查条件表达式的值时,其值为 不成立时而会退出循环。保证了至少执行do{ }内的语句一次。
for循环执行的中间循环体可以为一个语句,也可以为多个语句,当中间循环体只有一个语句时,其大括号{}可以省略,执行完中间循环体后接着执行末尾循环体。
while循环执行时当满足条件时进入循环,进入循环后,当条件不满足时,执行完循环体内全部语句后再跳出(而不是立即跳出循环)。
三、执行次数不同
do-while循环是先执行后判断,执行次数至少为一次。
for循环是先判断后执行,可以不执行中间循环体。
while循环也是先判断后执行,可以不执行中间循环体。
四、执行末尾循环体的顺序不同
do-while循环是在中间循环体中加入末尾循环体,并在执行中间循环体时执行末尾循环体。
for循环的中间循环体在条件判断语句里,执行末尾循环体后自动执行中间循环体。
while循环的末尾循环体也是在中间循环体里,并在中间循环体中执行。

单词: 最常用的部分
.(一个点)
可能通俗的理解为从属关系。比如:你.身体.胳膊.手.手指头。这里的.就表示了一系列的从属关系。
()括号:
加在一个方法名后面表示让这个方法运行。括号本身也有运行的意思,比如:(4,3,5,7),这个就会返回一个7.
var:
JS中定义变是的关键字,如果定义变量时不使var关键字,则此变量为全局变量。
window
是指浏览器对象,是JS编程中的顶级作用域,JS中的一切方法和属性,都是这个对象的后代
document
文档或文档对象,通俗的讲就是:凡是我们能看的见编码,就属于文档。是window的子对象 最常用的部分
.(一个点)
可能通俗的理解为从属关系。比如:你.身体.胳膊.手.手指头。这里的.就表示了一系列的从属关系。
()括号:
加在一个方法名后面表示让这个方法运行。括号本身也有运行的意思,比如:(4,3,5,7),这个就会返回一个7.
var:
JS中定义变是的关键字,如果定义变量时不使var关键字,则此变量为全局变量。
window
是指浏览器对象,是JS编程中的顶级作用域,JS中的一切方法和属性,都是这个对象的后代
document
文档或文档对象,通俗的讲就是:凡是我们能看的见编码,就属于文档。是window的子对象
document.getElementById()
通过id来获取一个HTML元素,以便我们用JS来控制操作。比如:document.getElementById(‘div1′).style.color=’red’;获取id为div1的那个HTML元素使它的文字颜色为红(.style.color);如果网页中(应该叫文档中)没有id是div1的元素,则得到一个null(空)
document.getElementsByTagName()
在整个网页内通过标签名(tagName)获得一组HTML元素的集合对象。比如:document.getElementsByTagName(‘div’);就是在整个网页(文档)范围内获取所有的div元素,如果网页内没有div元素,返回一个空集合对象。
document.
getElementsByTagName(‘div’).item(3);
从得到的一组div中取得第四个div元素。(3是索引值,从0开始,所以索引值为3就是第四个元素了)
document. getElementsByTagName(‘div’).length。获取到的这一组div的个数(length是长度、个数的意思)
body:
指的是网页中body标记这个对象。要写成document.body才可使用。
tagName:
标记名、标签名。象div,ul,li,p,a这些都是HTML元素的标记名。
className:
类名。比如:

这个c1就叫className,在js里,就通过这个属性来获的一个HTML元素的类名。
变量类型部分
null:
空值,是一个空指针,一般表示一个变量定义了,但是没有值(值为空)
undefined:
未定义的或定义了而未赋值的
true:逻辑值中的真
false:逻辑值中的假
boolean:布尔型(逻辑型)
NaN:
不是一个数(not a number的缩写),它属于number型
number:
数字,Number也是个方法(首字母大写),用来强制把一个值转换为数
string:字符串
function:方法,是定义方法的关键字
Array:
数组,最常用的JS数据对象,可以存放多个值,一般用 new Array()或一对[]来定义。比如:var arr=new Array() (等同于var arr=[])
typeof:
用来计算变量类型的运算符,比如alert(typeof “abcd”)出输出string,表示这是个字符串类型、

基本语法部分
object:
对象,通俗的讲把一个东东当成一个整体来看待,可称做一个对象
switch:
JS的基础语法之一,和case配合使用,表示判断的那个条件(请详见示例的解释)
case:
原意为情况、实例的意思,在JS中和switch配合使用完成一个判断。
break:
中断当前语句体的执行,执行下一个语句体(见示例来理解和return的区别)
return:中断程序的执行并返回。
= :
一个等号是赋值运算,把右边的值赋给左边的变量,是从右向左计算。并且运算优先级最低。
== :
两个等号是比较运算,会得到一个真(ture)或假(false)的逻辑值
?:
三元运算符,相当于if else。基本格式为:条件表达式?表达式一:表达式二 问号(?)之前的表示判断的条件,如果这个条件为真,则执行问号后边的语句。如果判断条件不成立,则执行冒号后边的语句
while(bool):
循环语法之一,和之相对应的有do{ }while
控制CSS的方法
currentStyle 当前的样式,ie专有用法
getComputedStyle 获得计算出的样式,和样式有关的js方法,w3c标准用法
js获取css样式的通用方法:
ele.currentStyle?ele.currentStyle[attr]:getComputedStyle(ele,false)[attr]
(上面语句中的ele表示DOM对象,attr是css属性名。)
ele.style.filter=“alpha(opacity=50)”:IE中把某HTML对象的不透明度设为50%(半透明)

数组及字符串常用方法及属性
slice(start,end):
从已有的数组返回指定位置的数组(或解释为:从一个数组里截取另外一个数组)。带两个参数,第一个参数表示截取的起始点,第二个参数表示截取的终点。如果没有第二个参加,则表示终点到原数组的结尾;如果参数为负数,则表示倒着取。比如:var a=[1,2,3,4,5];alert(a.slice(0,3)); 输出1,2,3;alert(a.slice(3));输出4,5; alert(a.slice(1,-1));输出2,3,4;alert(a.slice(-3,-2));输出3
join():
把一个数组的所有元素转换为字符串,并把这些字符串按参数指定的字符连接起来。如果没有参数,则默认以逗号连接。比如:var a=[1,2,3];alert(a.join());输出字符串1,2,3。alert(a.join(‘-‘));则输出1-2-3。
push()方法:
压栈,把一个元素增加到数组的最后。
pop()方法:
出栈,把数组的最后一个元素删除。
unshift():
把一个对象添加到一个数组的第一项(对比push)
shift ():把数组中的第一项删除(对比pop方法)
reverse():用来颠倒数组的顺序(把原数组倒过来)。
sort();对数组进行排序,不带参数是按增序重排数组。
splice(index,count,[ele1],[……],[eleN]):
从这个数组的index位置起(包括此位置),一共删除count项内容。第二个参数(count)必须是数字,但可以是 “0”,表示不删除。如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素
后面方括号里的参数表示是可选参数。表示要添加到数组的新元素。从 index 所指的下标处开始插入。
和slice方法一样也是删除数组中的元素,但和slice不同的是:这个里面的参数是被删除的位置,而不是保留的位置。
示例:var arr = new Array(6);
arr[0] = “George”;arr[1] = “John”;arr[2] = “Thomas”;arr[3] = “James”;arr[4] = “Adrew”;arr[5] = “Martin”;document.write(arr + “
”);
arr.splice(2,0,“zhufeng”,“peixun”);document.write(arr + “
”);
输出:George,John,zhufeng,peixun,Thomas,James,Adrew,Martin
str.substr(start,[length]):
字符串截取方法,从start开始,一共截取length个字符,如果没有第二个参数,则到字符串结尾
str.substring(start,[end]) :
字符串截取方法,从start开始,截取到end这个位置,如果没有第二个参数,则到字符串结尾
str.split(separator,[limit]):
以参数separator以分隔符,把字符串分成数组。第二个参数是可选的,表示返回的数组的最大长度。第一个参数,可以是一个字符串,也可以是正则。和数组方法join 执行的操作是相反的操作。
indexOf(str):取得一个字str这个字符串在这个字符串中的位置
lastIndexOf();
str.replace(regexp/substr,replacement):把str这个字符串中的第一个参数部分的内容,用第二个参数的内容替换;第一个参数可以是一个正则,也可以是一个字符串。字符串替换方法,详见正则教材

DOM方法
createElement:
创建元素的方法,比如:var o=document.createElement(‘div’);创建一个DIV元素。
appendChild:
追加子元素的方法,比如document.body.appentChild(o);(承上句)
createTextNode:创建文本节点
nodeType:
节点类型,如果返回值为1,则说明此是元素节点。
nodeValue:文本字节的值。(元素节点没有此属性)
firstChild:第一个子节点。
lastChild:最后一个子节点
childNodes:所有的子节点的集合。
previousSibling:上一个兄弟节点。(sibling是兄弟的意思)
nextSibling:下一个兄弟节点。
parentNode:父节点
getAttribute(name):获取元素属性的值(attribute是属性的意思)
insertBefore(newNode,targetNode):
把newNode这个节点插入到targetNode的前面。
clone():复制节点。
removeChild():删除子节点。
document.createDocumentFragment():创建文档碎片。document.getElementById()
通过id来获取一个HTML元素,以便我们用JS来控制操作。比如:document.getElementById(‘div1′).style.color=’red’;获取id为div1的那个HTML元素使它的文字颜色为红(.style.color);如果网页中(应该叫文档中)没有id是div1的元素,则得到一个null(空)
document.getElementsByTagName()
在整个网页内通过标签名(tagName)获得一组HTML元素的集合对象。比如:document.getElementsByTagName(‘div’);就是在整个网页(文档)范围内获取所有的div元素,如果网页内没有div元素,返回一个空集合对象。
document.
getElementsByTagName(‘div’).item(3);
从得到的一组div中取得第四个div元素。(3是索引值,从0开始,所以索引值为3就是第四个元素了)
document. getElementsByTagName(‘div’).length。获取到的这一组div的个数(length是长度、个数的意思)
body:
指的是网页中body标记这个对象。要写成document.body才可使用。
tagName:
标记名、标签名。象div,ul,li,p,a这些都是HTML元素的标记名。
className:
类名。比如:

这个c1就叫className,在js里,就通过这个属性来获的一个HTML元素的类名。
变量类型部分
null:
空值,是一个空指针,一般表示一个变量定义了,但是没有值(值为空)
undefined:
未定义的或定义了而未赋值的
true:逻辑值中的真
false:逻辑值中的假
boolean:布尔型(逻辑型)
NaN:
不是一个数(not a number的缩写),它属于number型
number:
数字,Number也是个方法(首字母大写),用来强制把一个值转换为数
string:字符串
function:方法,是定义方法的关键字
Array:
数组,最常用的JS数据对象,可以存放多个值,一般用 new Array()或一对[]来定义。比如:var arr=new Array() (等同于var arr=[])
typeof:
用来计算变量类型的运算符,比如alert(typeof “abcd”)出输出string,表示这是个字符串类型
基本语法部分
object:
对象,通俗的讲把一个东东当成一个整体来看待,可称做一个对象
switch:
JS的基础语法之一,和case配合使用,表示判断的那个条件(请详见示例的解释)
case:
原意为情况、实例的意思,在JS中和switch配合使用完成一个判断。
break:
中断当前语句体的执行,执行下一个语句体(见示例来理解和return的区别)
return:中断程序的执行并返回。
= :
一个等号是赋值运算,把右边的值赋给左边的变量,是从右向左计算。并且运算优先级最低。
== :
两个等号是比较运算,会得到一个真(ture)或假(false)的逻辑值
?:
三元运算符,相当于if else。基本格式为:条件表达式?表达式一:表达式二 问号(?)之前的表示判断的条件,如果这个条件为真,则执行问号后边的语句。如果判断条件不成立,则执行冒号后边的语句
while(bool):
循环语法之一,和之相对应的有do{ }while
控制CSS的方法
currentStyle 当前的样式,ie专有用法
getComputedStyle 获得计算出的样式,和样式有关的js方法,w3c标准用法
js获取css样式的通用方法:
ele.currentStyle?ele.currentStyle[attr]:getComputedStyle(ele,false)[attr]
(上面语句中的ele表示DOM对象,attr是css属性名。)
ele.style.filter=“alpha(opacity=50)”:IE中把某HTML对象的不透明度设为50%(半透明)
数组及字符串常用方法及属性
slice(start,end):
从已有的数组返回指定位置的数组(或解释为:从一个数组里截取另外一个数组)。带两个参数,第一个参数表示截取的起始点,第二个参数表示截取的终点。如果没有第二个参加,则表示终点到原数组的结尾;如果参数为负数,则表示倒着取。比如:var a=[1,2,3,4,5];alert(a.slice(0,3)); 输出1,2,3;alert(a.slice(3));输出4,5; alert(a.slice(1,-1));输出2,3,4;alert(a.slice(-3,-2));输出3
join():
把一个数组的所有元素转换为字符串,并把这些字符串按参数指定的字符连接起来。如果没有参数,则默认以逗号连接。比如:var a=[1,2,3];alert(a.join());输出字符串1,2,3。alert(a.join(‘-‘));则输出1-2-3。
push()方法:
压栈,把一个元素增加到数组的最后。
pop()方法:
出栈,把数组的最后一个元素删除。
unshift():
把一个对象添加到一个数组的第一项(对比push)
shift ():把数组中的第一项删除(对比pop方法)
reverse():用来颠倒数组的顺序(把原数组倒过来)。
sort();对数组进行排序,不带参数是按增序重排数组。
splice(index,count,[ele1],[……],[eleN]):
从这个数组的index位置起(包括此位置),一共删除count项内容。第二个参数(count)必须是数字,但可以是 “0”,表示不删除。如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素
后面方括号里的参数表示是可选参数。表示要添加到数组的新元素。从 index 所指的下标处开始插入。
和slice方法一样也是删除数组中的元素,但和slice不同的是:这个里面的参数是被删除的位置,而不是保留的位置。
示例:var arr = new Array(6);
arr[0] = “George”;arr[1] = “John”;arr[2] = “Thomas”;arr[3] = “James”;arr[4] = “Adrew”;arr[5] = “Martin”;document.write(arr + “
”);
arr.splice(2,0,“zhufeng”,“peixun”);document.write(arr + “
”);
输出:George,John,zhufeng,peixun,Thomas,James,Adrew,Martin
str.substr(start,[length]):
字符串截取方法,从start开始,一共截取length个字符,如果没有第二个参数,则到字符串结尾
str.substring(start,[end]) :
字符串截取方法,从start开始,截取到end这个位置,如果没有第二个参数,则到字符串结尾
str.split(separator,[limit]):
以参数separator以分隔符,把字符串分成数组。第二个参数是可选的,表示返回的数组的最大长度。第一个参数,可以是一个字符串,也可以是正则。和数组方法join 执行的操作是相反的操作。
indexOf(str):取得一个字str这个字符串在这个字符串中的位置
lastIndexOf();
str.replace(regexp/substr,replacement):把str这个字符串中的第一个参数部分的内容,用第二个参数的内容替换;第一个参数可以是一个正则,也可以是一个字符串。字符串替换方法,详见正则教材

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值