06 js三大流程控制(顺序流程、分支控制、循环控制) 、js调式技巧

循环控制

①For循环

for (var i =0;i< 10 ;i++ )

{  document.writeln("你好<br>");

}

②While先判断再执行语句

while (i< 10)

{   document.writeln("hello<br>");

i++;

}

③Do while 先执行再判断

var i=0;

do

{   document.writeln("ni hao <br>");

i++;

}while (i<10);

①计算1+2+3.。。。n

<html>
<head>
<script type="text/javascript">
// 计算计算1+2+3.。。。n

var n=window.prompt("请输入一个整数");
n=parseInt(n);

var res=0;
for (var i=1;i<=n ;i++ )
{
    res+=i;
}
document.writeln("结果是"+res);
</script>
</head>
<body>
</body>
</html>

②计算1!+2!+3!+。。。n!

<html>
<head>
<script type="text/javascript">
// 计算1!+2!+....+n!

var n=window.prompt("请输入一个整数");
n=parseInt(n);

var res=0;
var temp=1;
for (var i=1;i<=n ;i++ )
{
    for (var j=1; j<=i;j++ )
    {
        temp*=j;
    }
    res+=temp;
    temp=1;
}
document.writeln("结果是"+res);
</script>
</head>
<body>
</body>
</html>

非常有用的工具。

在ie8 中,我们可以通过工具来对js代码进行调试,尤其页面比较复杂的情况下

在IE-工具-Internet选项-高级中取消“禁止脚本调试”

点击工具中 -> 开发人员工具

F11:一句一句执行,如果遇到函数,则跳入函数中,再一句一句执行。

F10:按过程执行,当遇到一个函数时,f10就包整个函数当做一个语句执行,而不跳入执行

Shif+F11从一个函数中跳出。

局部变量:可以看到变量的变化情况

断点:可以看断点情况,可以设置断点,取消断点。

使用firefox浏览器 安装插件firebug,进行设置断点,逐行测试

学习js要学会进行js进行调试。

在复杂的页面情况下分块,分段调试是很重要的。

时间: 2024-10-06 11:03:37

06 js三大流程控制(顺序流程、分支控制、循环控制) 、js调式技巧的相关文章

05 js三大流程控制(顺序流程、分支控制、循环控制)

1.Javascript的控制语句 ①顺序控制 ②分支控制 2.1单分支 if (条件表达式) {执行语句} 2.2双分支 if (条件表达式){ }else{ } 2.3多分支 if (条件表达式){ //执行 }else if() { //执行 }else if ..... ()//可以有多个else if { //执行 } else{ //可以没有 } 强调一点: 一旦找到一个满足条件的入口,执行完毕后,就直接结束整个多分支. switch(条件表达式){ case 常量1: //执行语句

js三大流程控制

1.顺序控制 2.分支控制 分支控制  if  else var sex=window.prompt("请输入性别"); if(sex=="男"){ window.alert("上男厕所"); }else if(sex=="女"){ window.alert("上女厕所"); }else if(sex=="女"){ window.alert("OK!");//强调:一

java里的分支语句--程序运行流程的分类(顺序结构,分支结构,循环结构)

JAVA里面的程序运行流程分三大类: 1,顺序结构:顺序结构就是依次执行每一行代码 2,分支结构:分支结构就是按不同的条件进行分支 3,循环结构:一段代码依条件进行循环执行. 其中,分支结构有两大类: if...else...结构和switch...结构       switch中的case支持的数据类型只有四种:    char  (字符型)    byte  (比特型)    short (短整型)    int     (整型) 注意switch里面的判断语句后面需要加break,否则的话

[Thinking in Java]第4章-控制执行流程

4.1 if-else 4.2 迭代 4.3 Foreach语法 4.4 return 4.5 break和continue 4.6 switch 目录 4.1 if-else if-else中的else是可选的,有两种形式使用if: if (Boolean-expression) statement 或 if (Boolean-expression) statement1 else statement2 需要注意的是,Boolean-expression不能是数字,其实后面的while,for

[Java编程思想-学习笔记]第4章 控制执行流程

4.1  return 关键字return有两方面的用途:一方面指定一个方法结束时返回一个值:一方面强行在return位置结束整个方法,如下所示: 1 char test(int score) { 2 if (score >= 90) 3 return 'A'; 4 if (score >= 80) 5 return 'B'; 6 if (score >= 70) 7 return 'C'; 8 if (score >= 60) 9 return 'D'; 10 else //if

《汇编语言》-- 控制执行流程

参考文献: <汇编语言程序设计> ............................................................................................................................................................................................... 控制执行流程学习,程序中遇到无条件分支时,指令指针自动跳转到另一个位置,可以使用

JS中的事件传播流程

JS中的事件传播流程 1,Javascript与HTML之间的交互是通过事件实现的. 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间. 可以使用侦听器来预定事件,以便事件发生时执行相应代码. 2,DOM事件流存在三个阶段:事件捕获阶段,处于目标阶段,事件冒泡阶段. 事件流:事件发生时,事件在元素节点与根节点之间的顺序传播,路径所经过的所有节点都会收到该事件,这个传播过程即DOM事件流.事件传播顺序的两种事件流模型:事件冒泡,事件捕获. 事件捕获(event capturing):事件从最不

Java编程思想---第四章 控制执行流程

第四章  控制执行流程 就像有知觉的生物一样,城西必须在执行过程中控制它的世界并作出选择,在Java中,你要使用执行控制语句来作出选择. 4.1 true和false 所有的条件语句都利用条件表达式的真假来决定执行路径.如a==b,它用操作符==来判断a的值是否等于b的值,返回一个true或false. 4.2 if-else if-else语句是控制程序流程的最基本形式,其中else是可选的,所以可以按下面的两种形式来使用: if(Boolean-expression) statement 或

Atitit。Tree文件解析器的原理流程与设计实现&#160;&#160;java&#160;&#160;c#&#160;php&#160;js

Atitit.Tree文件解析器的原理流程与设计实现  java  c# php js 1. 解析原理与流程1 1.1. 判断目录  ,表示服  dirFlagChar = "└├─";1 1.2. 剑豪制表符出现的位置与文件夹级别对应表1 1.3. 主要判读流程2 2. Tree结果2 3. Code----3 4. 结果5 1. 解析原理与流程 1.1. 判断目录  ,表示服  dirFlagChar = "└├─"; 其中-类似于剑豪的制表符是表示目录的..够