文档位置：untitled3（c:\user\dell\WebstormProjects\untitled3\testjstry0.html）

知识点1：
1.新创建html文件,编辑文档如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>运算</title>
</head>
<body>
<p>i=10,j=5;求i+j=？</p>
<p id="sumid"></p>

<button onclick="mysum()">结果</button>
<script>

  function mysum(){
    var i=10;
    var j=5;
    var m=i+j;
    document.getElementById("sumid").innerHTML=m;

  }
</script>
</body>
</html>

点击chorm标记，网页浏览

运行结果：

点击“结果”按钮，如下结果


知识点2： var i=“2”
用了双引号后，2不再是个数字型，而是字符串型
任何类型和字符串相加，则都转化为字符串类型
1）
var i=“2”；

var j=“2”
Var m= i+j；

则 m=22
2)
2）
var i=2；

var j=“2”
var m= i+j；

则 m=22

3)
var i=2；

var j=2
var m= i+j；
则 m=4

知识点3：运算符
 /*  运行结果：true
   var i=10;
   var j=10;
   document.write(i==j)
   */

 /* 运行结果：false
  var i=10;
  var j=9;
  document.write(i==j)
  */
 /*  运行结果：true,因为j转化为字符串了
  var i="10";
  var j=10;
  document.write(i==j)
  */

 /*  运行结果：,因为三个等号，表示类型也的相同
  var i="10";
  var j=10;
  document.write(i==j)
  */
// 运行结果：i小于等于10
  var i=10;
   document.write(i>10?"i大于10":"i小于等于10");  //三目运算符
知识点4：switch的写法
var i=3;
switch (i){
  case 1:
         document.write("i=1");
         break;
  case 2:
         document.write("i=2");
         break;
  case 3:
         document.write("i=3");
         break;
  case 4:
         document.write("i=4");
         break;
  default:
        document.write("i不等于任何值");
}
知识点6：循环语句for、for （in）循环

/*运行结果：每行一个数 1、 2、 3、 4、 5、
  var i=[1,2,3,4,5]
  for(j=0;j<5;j++){
    document.write(i[j]+"、");
  }
*/
  /*运行结果：每行一个数 3 2 3 4 5
  var i=[3,2,3,4,5]
  var j;
  for(j in i){
    document.write(i[j]+"<br>");
  }
   */

知识点7 循环语句while 和do...while
1）while 示例：

var i=1;
while (i<5){
  document.write("i="+i+"</br>");
  i++

}
运行结果：
 i=1
 i=2
 i=3
 i=4
2）while 示例：
var i=3;
 do{
   document.write("i="+i+"</br>");
   i++
 } while (i<5){}
运行结果：
 i=1
 i=2
 i=3
 i=4

while 和do while的区别是，while先去做判断，然后进行下一步
1）和2)中i的初始值如果是5，则例子1没有结果输出，例子2会输出 i=5

知识点8 跳转语句break 和continue
1）break：
var i=1;
for(i=1;i<10;i++){
  if(i==5){
    break;
  }
  document.write("i="+i+"<br>")
}
运行结果：
i=1
i=2
i=3
i=4

2）continue：
var i=1;
for(i=1;i<10;i++){
  if(i==5){
    continue;
  }
  document.write("i="+i+"<br>")
}
运行结果：
i=1
i=2
i=3
i=4
i=6
i=7
i=8
i=9
ps：break跳出当前的循环 continue是跳出本次循环，继续下一次循环



												


											
第一天：javascript实现界面运算及循环语句跳转语句的更多相关文章
	

    
								
  1. 房上的猫：for循环，跳转语句与循环结构，跳转语句进阶
		
    一.for循环 1.定义:  for循环语句的主要作用是反复执行一段代码,直到满足一定条件为止 2.组成部分:  (1)初始部分:设置循环的初始状态  (2)循环体:重复执行的代码  (3)迭代部分: ...
    
		
    2. 
						
  2. 【2-24】for循环嵌套，跳转语句，异常语句，穷举法、迭代法
		
    For循环嵌套与if嵌套相似,是在for中再套for,其结构如下: For(;;) { For(;;){} }经典题型为打印星星例: Console.Write("请输入一个奇数:" ...
    
		
    3. 
						
  3. How Javascript works (Javascript工作原理) (四) 事件循环及异步编程的出现和 5 种更好的 async/await 编程方式
		
    个人总结: 1.讲解了JS引擎,webAPI与event loop合作的机制. 2.setTimeout是把事件推送给Web API去处理,当时间到了之后才把setTimeout中的事件推入调用栈.  ...
    
		
    4. 
						
  4. JavaScript 中的12种循环遍历方法
		
    原文:JavaScript 中的12种循环遍历方法 题目:请介绍 JavaScript 中有哪些循环和遍历的方法,说说它们的应用场景和优缺点? 1.for 循环 let arr = [1,2,3];f ...
    
		
    5. 
						
  5. javascript语句——条件语句、循环语句和跳转语句
		
    × 目录 [1]条件语句 [2]循环语句 [3]跳转语句 前面的话 默认情况下,javascript解释器依照语句的编写顺序依次执行.而javascript中的很多语句可以改变语句的默认执行顺序.本文 ...
    
		
    6. 
						
  6. Android实现Banner界面广告图片循环轮播（包括实现手动滑动循环）
		
    前言:经常会看到有一些app的banner界面可以实现循环播放多个广告图片和手动滑动循环.本以为单纯的ViewPager就可以实现这些功能.但是蛋疼的事情来了,ViewPager并不支持循环翻页.所以 ...
    
		
    7. 
						
  7. Javascript中while和do-while循环用法详解
		
    while循环 while 语句与 if 语句相似,都有条件来控制语句(或语句块)的执行,其语言结构基本相同:while(conditions){    statements;} while 语句与  ...
    
		
    8. 
						
  8. 第一节 JavaScript概述
		
    第一节 JavaScript概述 JavaScript:其实就是对HTML+CSS静态页面进行样式修改,使其实现各种动态效果. 编写JS脚本基本步骤: 1. HTML+CSS静态布局: 2. 确定要修 ...
    
		
    9. 
						
  9. JQuery制作网页—— 第一章 JavaScript基础
		
    1. JavaScript(弱类型语言):是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性能的脚本语言. 特点:1.主要用来在HTML页面中添加 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. spring+mybatis+mina+logback框架搭建
			
    第一次接触spring,之前从来没有学过spring,所以算是赶鸭子上架,花了差不多一个星期来搭建,中间遇到各种各样的问题,一度觉得这个框架搭建非常麻烦,没有一点技术含量,纯粹就是配置,很低级!但随着 ...
    
			
    2. 
						
  2. CH6901 骑士放置
			
    原题链接 和棋盘覆盖(题解)差不多.. 同样对格子染色,显然日字的对角格子是不同色,直接在对应节点连边,然后就是二分图最大独立集问题. #include<cstdio> #include& ...
    
			
    3. 
						
  3. Jsonpath的基本使用
			
    JSONPath - 是xpath在json的应用. xml最大的优点就有大量的工具可以分析,转换,和选择性的提取文档中的数据.XPath是这些最强大的工具之一.   如果可以使用xpath来解析js ...
    
			
    4. 
						
  4. MySQL数据库相关操作
			
    查看数据库 mysql> SHOW DATABASES; 选择数据库 mysql> USE 数据库名称: 查看当前数据库 mysql> select database(); -- 第 ...
    
			
    5. 
						
  5. [AI]AI章2　框架比较
			
    深度学习框架比较 神经网络一般包括:训练,测试两大阶段.训练:就是把训练数据(原料)和神经网络模型:如AlexNet.RNN等“倒进” 神经网络训练框架例如cafffe等然后用 CPU或GPU(真火) ...
    
			
    6. 
						
  6. mysql 查询 所有 父节点 单表
			
    SELECT T2.* FROM ( SELECT @r AS _id, ( SELECT @r := parent_id FROM tp_module_rel WHERE REL_ID = _id  ...
    
			
    7. 
						
  7. 控制台管理apk
			
    http://www.cnblogs.com/mythou/archive/2013/06/11/3132249.html pm命令的具体用法如下: pm 命令是Android里面packageMan ...
    
			
    8. 
						
  8. windows无法卸载jdk的解决方法
			
    装了java之后非常纠结的就是无法卸载,总不能因为卸载一个jdk去重装系统,但是看着它残存在那又非常不爽, 因为卸载会牵扯注册表等琐碎的东西,,,后来在官网发现神器一枚,此神器就是java卸载工具.  ...
    
			
    9. 
						
  9. php socket通过smtp发送邮件（纯文本、HTML，多收件人，多抄送，多密送）
			
    <?php /** * 邮件发送类 * 支持发送纯文本邮件和HTML格式的邮件,可以多收件人,多抄送,多秘密抄送 * @example * $mail = new MySendMail(); * ...
    
			
    10. 
						
  10. Python开课复习9-28
			
    一.什么是迭代器#迭代器即迭代的工具,那什么是迭代呢?#迭代是一个重复的过程,每次重复即一次迭代,并且每次迭代的结果都是下一次迭代的初始值 举例: l=[1,2,3] count=0 while co ...
    
			
    11.