第一天:javascript实现界面运算及循环语句跳转语句
文档位置: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实现界面运算及循环语句跳转语句的更多相关文章
- 房上的猫:for循环,跳转语句与循环结构,跳转语句进阶
一.for循环 1.定义: for循环语句的主要作用是反复执行一段代码,直到满足一定条件为止 2.组成部分: (1)初始部分:设置循环的初始状态 (2)循环体:重复执行的代码 (3)迭代部分: ...
- 【2-24】for循环嵌套,跳转语句,异常语句,穷举法、迭代法
For循环嵌套与if嵌套相似,是在for中再套for,其结构如下: For(;;) { For(;;){} }经典题型为打印星星例: Console.Write("请输入一个奇数:" ...
- How Javascript works (Javascript工作原理) (四) 事件循环及异步编程的出现和 5 种更好的 async/await 编程方式
个人总结: 1.讲解了JS引擎,webAPI与event loop合作的机制. 2.setTimeout是把事件推送给Web API去处理,当时间到了之后才把setTimeout中的事件推入调用栈. ...
- JavaScript 中的12种循环遍历方法
原文:JavaScript 中的12种循环遍历方法 题目:请介绍 JavaScript 中有哪些循环和遍历的方法,说说它们的应用场景和优缺点? 1.for 循环 let arr = [1,2,3];f ...
- javascript语句——条件语句、循环语句和跳转语句
× 目录 [1]条件语句 [2]循环语句 [3]跳转语句 前面的话 默认情况下,javascript解释器依照语句的编写顺序依次执行.而javascript中的很多语句可以改变语句的默认执行顺序.本文 ...
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
前言:经常会看到有一些app的banner界面可以实现循环播放多个广告图片和手动滑动循环.本以为单纯的ViewPager就可以实现这些功能.但是蛋疼的事情来了,ViewPager并不支持循环翻页.所以 ...
- Javascript中while和do-while循环用法详解
while循环 while 语句与 if 语句相似,都有条件来控制语句(或语句块)的执行,其语言结构基本相同:while(conditions){ statements;} while 语句与 ...
- 第一节 JavaScript概述
第一节 JavaScript概述 JavaScript:其实就是对HTML+CSS静态页面进行样式修改,使其实现各种动态效果. 编写JS脚本基本步骤: 1. HTML+CSS静态布局: 2. 确定要修 ...
- JQuery制作网页—— 第一章 JavaScript基础
1. JavaScript(弱类型语言):是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性能的脚本语言. 特点:1.主要用来在HTML页面中添加 ...
随机推荐
- python多线程下载网页图片并保存至特定目录
#!python3 #multidownloadXkcd.py - Download XKCD comics using multiple threads. import requests impor ...
- BZOJ 3131 [SDOI2013]淘金 - 数位DP
传送门 Solution 这道数位$DP$看的我很懵逼啊... 首先我们肯定要先预处理出 $12$位乘起来的所有的可能情况, 记录入数组 $b$, 发现个数并不多, 仅$1e4$不到. 然后我们考虑算 ...
- Tinyos学习笔记(二)
1.TinyOS communication tools java serialApp -comm serial@/dev/ttyUSB0:telosb java net.tinyos.tools.L ...
- sleep()方法和yield()方法有什么区别?
两者都是Thread类的静态方法,定义如下 public static void sleep(long millis) throws InterruptedException public stati ...
- Spring访问数据库(方式上跟HQL类似,每行记录映射一个实体类)
看了这篇技术博客,觉得收获较大,收藏了:http://sarin.iteye.com/blog/875915
- canvas 实现赛车小游戏
一:样式 <style> #btn{ width: 60px; height: 30px; line-height: 30px; background: #7EC0EE; border: ...
- unity的三种update
void FixedUpdate () 固定更新 void Update () 更新 void LateUpdate() 晚于更新 FixedUpdate () 和 Update () ...
- Python开课复习-10/10
1. 什么时匿名函数def 定义 的是有名函数:特点是可以通过名字重复调用 def func(): #func = 函数的内存地址 pass匿名函数就是没有名字的函数:特点是只能在定义时使用一次 2. ...
- 2018.11.18 spoj Triple Sums(容斥原理+fft)
传送门 这次fftfftfft乱搞居然没有被卡常? 题目简述:给你nnn个数,每三个数ai,aj,ak(i<j<k)a_i,a_j,a_k(i<j<k)ai,aj,ak( ...
- 2018.06.27 NOIP模拟 节目(支配树+可持久化线段树)
题目背景 SOURCE:NOIP2015-GDZSJNZX(难) 题目描述 学校一年一度的学生艺术节开始啦!在这次的艺术节上总共有 N 个节目,并且总共也有 N 个舞台供大家表演.其中第 i 个节目的 ...