美文网首页
12_day JS通过标签获得元素、循环语句、计时器

12_day JS通过标签获得元素、循环语句、计时器

作者: dream_seeker | 来源:发表于2018-07-19 20:40 被阅读0次

通过标签获得元素:

使用I标签的ID或者Name直接获取对象

代码

循环:

我们平时在做项目的时候会遇到很多有相同的属性还要重复写,那这时为了效率,和代码的简洁,一般使用循环。循环语句也就是说通过循环语句可以反复的执行一段代码多次。

while循环

- 语法:while(条件表达式){语句...}

while语句在执行时,先对条件表达式进行求值判断,如果值为true,则执行循环体,循环体执行完毕以后,继续对表达式进行判断如果为true,则继续执行循环体,以此类推如果值为false,则终止循环。

代码 执行结果

1、for语句,也是一个循环语句,也称为for循环。

2、在for循环中,为我们提供了专门的位置用来放三个表达式:1.初始化表达式2.条件表达式3.更新表达式

3、for循环的语法:for(①初始化表达式;②条件表达式;④更新表达式){语句}

4、for循环的执行流程:①执行初始化表达式,初始化变量(初始化表达式只会执行一次)②执行条件表达式,判断是否执行循环。如果为true,则执行循环③如果为false,终止循环④执行更新表达式,更新表达式执行完毕继续重复②

下图为简单的1-100的质数。for循环:

for代码

创建一个循环,往往需要三个步骤:1、创初始化一个变量2、在循环中设置一个条件表达式3、定义一个更新表达式,每次更新初始化变量。

*********************************以下是死循环的写法:

像这种将条件表达式写死为true的循环,叫做死循环

该循环不会停止,除非浏览器关闭,死循环在开发中慎用

可以使用break,来终止循环

while(true){

            if(j>10){

                      break;//退出整个循环

             }

              j++;

}

for循环的死循环写法

for(;;){

}*/

/*

break关键字可以用来退出switch或循环语句,不能在if语句中使用break和continue

break关键字,会立即终止离他最近的那个循环语句,continue关键字可以用来跳过当次循环,同样continue也是默认只会对离他最近的循环循环起作用,可以为循环语句创建一个label,来标识当前的循环。

label:循环语句:

使用break语句时,可以在break后跟着一个label,这样break将会结束指定的循环,而不是最近的


**数组去重的方法:其实在数组去重中,判断数组遍历,判断每一个元素有没有多次重复出现,定义一个新数组,把不重复的元素通过push追加进去。

代码

indexOf():代表的是括号里面的元素第一次出现的位置在哪里,也就是索引。


字符串处理方法:a代表数组

a.用split切割,把字符串分开在进行其他的操作。

a.charAt(0);//看下标是零的值是多多少

a.indexOf('a');//看a第一次出现在什么下标位置,找不到a返回-1

a.substring(10,15);//截取下标第10到15的值,不包括15

a.substring(10);//截取第10为下标以后的值

a.toupperCase();//都转换为大写

a.toLowerCase();//全转换为小写

字符串反串:

字符串反串也可以用split,通俗点讲及时把字符串分割,反转,在用join链接

1、split字符串转成数组2、reverse数组反转3、join数组转成字符串


定时器:

setTimeout 只执行一次的定时器

clearTimeout 关闭只执行一次的定时器

setInterval 反复执行的定时器

clearInterval 关闭反复执行的定时器

在很多情况下我们都用到定时器,在什么时候该出现什么样的画面,比如网页上我们经常看到的轮播图,还有电脑上的时间显示其实也可以用定时器做出来。

代码

下面给大家做一个网页计算器:

1、我们首先要定义两个input输入框,写好各自的ID,便于调用

2、在定义一个加减乘除的基础下拉框,也要写好ID

3、在定义一个按钮,有用写入点击事件。

我们都知道window.onload = function(){}这个基础函数在文档加载的最后执行。

我们在下面用var定义各自的变量用于获取body中的元素div。

写入点击事件,判断选择的运算方法,执行不同的结果,一定要记得转把输入的类型转成整数或小数类型。用于计算。

代码 计算器执行结果

相关文章

  • 12_day JS通过标签获得元素、循环语句、计时器

    通过标签获得元素: 使用I标签的ID或者Name直接获取对象 循环: 我们平时在做项目的时候会遇到很多有相同的属性...

  • 前端笔记11

    通过标签获取元素 循环语句

  • js获取元素

    通过标签获取元素 循环语句 循环语句:通过循环语句可以反复的执行一段代码多次 while循环 语法:while(条...

  • JS通过标签获得元素

    通过标签获得元素: 使用I标签的ID或者Name直接获取对象 循环: 我们平时在做项目的时候会遇到很多有相同的属性...

  • whlie循环和for循环的应用

    (1)通过标签获取元素 (2)循环语句 [whlie循环](3)年投资率 (4)小明考试 [for循环](5)奇数...

  • 循环与计时器

    上一篇还有一些没有全部说完的内容如: 如何通过标签获取元素, 循环语句: 通过循环语句可以反复的执行一段代码多次 ...

  • HTML中的循环

    1,首先呢我们要说一下通过标签选择元素 2,在然后呢,我们说一下循环语句

  • 循环 定时器 函数 闭包

    1. 条件分支语句 2. 数组 3. 获取标签过去元素 4. 循环语句4.1 for 循环4.2 while循环4...

  • 前端知识

    通过标签获取元素 document.getElementsByTagName();标签获取元素 循环 有规律重复可...

  • JavaScrip--

    多重条件判断语句 数组 数组常用方法 通过标签获取元素 循环语句 去重 字符串处理的方法 字符串反转 定时器弹框 ...

网友评论

      本文标题:12_day JS通过标签获得元素、循环语句、计时器

      本文链接:https://www.haomeiwen.com/subject/pjhxmftx.html