Python web前端 06 运算符 循环

一、运算符

#JS六大数据类型
#number 数字
#string 字符串
#boolean 布尔型
#function 函数
#undefined 未定义:一个变量声明之后没有复制就是未定义
#object 对象
在JS里面null属于对象类型,但是它不具有很多对象的共性,所以很多资料将他归为单独一类数据类型null var a = 11;#number
var a = "aaa";#string js里面双引号的地方也可以用单引号来代替,不过要配对使用
var a = true;#boolean
var a = function(){...} #function
var a ;#undefined
alert(typeof a)#弹窗a的类型 var a = {"name":"xiaopo","age"= ""};#object
var a = document.getElementById("box");#object

  运算符

#算数运算符(基础数字运算)
+ - * / %(取余) #当不是数字之间的运算的时候
#+号两边一旦有字符串(引号引起来的一坨),那么+号就不在是数学运算了,而变成了字符串拼接,最后结果是字符串
#-*%号是尽量将字符串转化成数字(隐式类型转换)
隐式类型转换:即使结果不是数字,也会对这个结果进行隐式类型转换,将他的类型转换为数字

  赋值运算符

+=   -=    *=    /=  %=#跟其他脚本语言一样

++    --   #两个都存在隐式类型转换,会全部转换为数字

var x=6;
var y=++x;
++x #x=x+1 y=x 先加再赋值
x++ #y=x x=x+1 先赋值再加

  逻辑运算符

#针对布尔值  true false
#&& 与两边都为真,结果才是真,其他是假
#|| 或 两边都为假,结果才是假,其他是真
#! 非 取反,真变假,假变真 #当逻辑运算符,两边不一定是布尔值的时候
#&&遇到假就停,但是不会进行类型转 换
var a = true&&1&&0&&false #弹窗弹出0(0代表假)
var a = true&&1&&1&&false #弹出false
var a= true&&1&&-2&&5 #弹出5
#|| 遇到真就停,但是不会进行类型转换(假同上)
#!隐式类型转换,将后面的数据先转换为布尔型在取反
var a =!"" #0是假的,转换为假后再取反,就是真
var a =!"" # 假

二、循环

  1、for循环

#for循环
for(var = 1;i<9;i++){
console.log(i)
} #顺序依次是1、var=1 ;2、i<9 ; 3、 console.log(i) ; 4、i++ 直至条件2不满足的时候跳出循环

  2、嵌套循环

for (var i =1;i<5;i++){
for(var j=1;j<3;j++){
console.log(i+";"+j);
}
} for(var=1;i<20;i++){
if(i==5){
break;#中断循环,终止循环,结束循环,未执行的代码不执行
continue;#跳出本次循环
}
console.log(i) ;
}
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script>
var aLi=document.getElementByTagName("li")
for(var i=0,len=ali.length;i<len;i++){
aLi[i].onclick=function{
alert(i);#照常理来说,鼠标点击的li,就会弹出一个弹窗表示他的下标,但是由于这是个函数的缘故,所以弹出来的都是函数结束时的值(也就是for循环结束时i的值4),这就满足不了需求
}
}
</script> <script>
var aLi=document.getElementByTagName("li")
for(var i=0,len=ali.length;i<len;i++){
aLi[i].index=i;#index是自定义变量(可以是任何值aa,bb,vv),将每次循环的i赋值给自定义变量index
aLi[i].onclick=function{
alert(this.index);#循环结束时的i
}
}
</script>
#以后再写for循环的时候,循环里面如果有事件,就必须要赋值变量,用自定义变量存起来,不然打印出来的就是整个函数结束的i

  let

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script>
var aLi=document.getElementByTagName("li")
for(let i=0,len=ali.length;i<len;i++){
aLi[i].onclick=function{
alert(i);
}
}
</script>
#直接用let取代var就可以直接满足要求了

  3、if循环

 #if ==>布尔值
#判断符
> < >= <= == != !== ===
== #只判断是否一样 "5"=5
=== #不仅判断值,还判断类型是否一样 "5"===5 false #当if的条件 运算完后不是布尔型的时候,会强制类型转换为布尔值
#以下这些值在转换以后为false
#0(number); false(boolean); ""(string) ;null(object/null);undefined(undefined);NaN(number) #NaN:Not a Number 属于number类型,一般在非法运算的时候才会出现NaN, isNaN(参数)非常讨厌数字
#首先尽量把参数转换为数字,然后当参数是数字,返回false;不是数字,返回true #在if里面,能用布尔值做条件判断的时候,不要用其他的来代替,因为强制数据转换需要耗费时间,在两个值比较的时候,能用三等判断的时候,就用三等判断
if(""){
alert("真");#条件为真的时候执行
}else{
alert("假");#条件为假的时候执行;当只需要真语句的时候,假语句可以不写
} #如果想要假的时候执行,真的时候不执行,在if条件里面加个!(取反)即可 #还有下面两种形式来表示
9>8?alert(1):alert(0);# 条件?真语句:假语句 这便是三目运算
x=5>3?5:3; #如果5大于3,那么x等于5,否则x=3 var x=20;
if(x>20){alert("x>20");}
else if(x>15){alert("x>15");}#弹窗淡出x>15,这里弹出以后,下面满足条件的不会执行了
else if(x>10){alert("x>10");}
else{alert(x<0);}

  4、switch

var name="xiaopo";
if(name==="xiaopo"){alert(name+"好漂亮");}
else if(name==="小狗"){alert(name+"好帅");}
else if(name==="小猫"){alert(name+"好丑");}
else{alert(name+"你是谁");} #switch就可以同样实现上面的功能
var name="xiaopo"
switch(name){
case"xiaopo":#这里加条件
alert(name+"好漂亮");
break;#必须加上break,跳出这个循环
case"小狗":
alert(name+"好帅");
break;
case"小狗":
alert(name+"好丑");
break;
default:
alert(name+"你是谁");
break;
}

  while和dowhile

var i = 1;
for(;i<9;){#分号必须写
console.log(i);
i++;
} #while类似上面
var i=1;#先判断后执行
while(i<9){
console.log(i);
i++;
} var i=10;#这个dowhile循环先执行在判断,至少会执行一次
do{
console.log(i);
i++;
}while(i<9);

  9*9乘法表

var oBox=document.getElementById("box");
for(var i=1;i<10;i++){
for(var j=1;j<i;
var aUl=document.getElementsByTagName("ul");
var len=aUl.length;
var index=0;
for(var i =0;i<len;i++){
aUl[i].qq=i;
aUl[i].onclinck=function(){
aUl[index].className="";
index=this.qq;
aUl[index].className="show";
}
}
j++){
oBox.innerHTML+="<span>"+i+"*"+j+"="+i*j+"</span>";
}
oBox.innerHTML+="<br>";
}

  下拉菜单

Python web前端 06 运算符 循环的更多相关文章

  1. Python web前端 08 字符串 数组 json

    Python web前端 08 字符串 数组 json 一.string #string 字符串 #索引 下标 偏移量 ---从0开始 str[index]; #通过索引取字符串 可读不可写 str. ...

  2. Python web前端 01 HTML常用标签

    Python web前端 01 HTML常用标签 一.HTML创建项目 file ---->new project -----> 输入项目名------>创建文件夹 new dicr ...

  3. Python web前端 02 CSS

    Python web前端 02 CSS 一.选择器 1.CSS的几种样式(CSS用来修饰.美化网页的) #建立模板 复制内容--->SETTING---> Editor -----> ...

  4. Python web前端 03 CSS属性

    Python web前端 03 CSS属性 一.文字.文本属性 1.文字属性 font-family #字体类型浏览器默认的字体是微软雅黑,字体中有多个字体的时候,如果前面的字体没有就使用后面的字体 ...

  5. Python web前端 04 盒子模型

    Python web前端 04 盒子模型 盒子模型是由内容(content).内边距(padding).外边距(margin).边框(border)组成的 一.边框 border #border 边框 ...

  6. Python web前端 05 JavaScript

    Python web前端 05 JavaScript 一.获取元素 1.初识JavaScript /* .. */ #这是多行注释 // #这是单行注释 #JavaScript是一种脚本语言,是一种动 ...

  7. Python web前端 07 函数及作用域

    Python web前端 07 函数及作用域 一.函数 1.有名函数和匿名函数 #函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块 #函数就是包裹在花括号里面的代码块,前面使用了关键字fun ...

  8. Python web前端 09 jQuery

    Python web前端 09 jQuery 一.三个重要网址 http://jquery.cuishifeng.cn/ #中文查询网站 http://www.bootcdn.cn/ #引入jq ht ...

  9. Python web前端 11 form 和 ajax

    Python web前端 11 form 和 ajax 一.打开服务器 将handlers.py.httpd.py和libs.py三个文件放入新文件夹中,双击打开httpd.py文件即可 二.ajax ...

随机推荐

  1. Tarjan的LCA离线算法

    LCA(Least Common Ancestors)是指树结构中两个结点的最低的公共祖先.而LCA算法则是用于求两个结点的LCA.当只需要求一对结点的LCA时,我们很容易可以利用递归算法在O(n)的 ...

  2. CodeForces - 721E

    题目大意 现有一个长为 L的数轴,你要从0走到 L 给出n个互不相交的可行域. 你要选择长度为p的段,要求每一个段都要在可行域内. 选完一段之后下一段要么和其相接,要么和其间距至少为t,求问最多能选择 ...

  3. 二,python第一个程序

    1.命令窗口进入python安装目录 2. >>> 100+200 300 很简单吧,任何有效的数学计算都可以算出来. 如果要让Python打印出指定的文字,可以用print语句,然 ...

  4. js 线程和进程的关系

    进程(process)和线程(thread)是操作系统的基本概念 1.计算机的核心是CPU,它承担了所有的计算任务 2.单个CPU一次只能运行一个任务 3.进程它代表CPU所能处理的单个任务.任一时刻 ...

  5. 在Win7 64位电脑上安装Sql Server 2008 R2 Express

    安装环境说明: 操作系统:Win7 64位 英文版 安装步骤: 1.准备安装文件 下载网址:https://www.microsoft.com/zh-CN/download/details.aspx? ...

  6. CSS文本溢出处理

    1.超出层的高度和宽度时文本自动隐藏 overflow:hidden;text-overflow:ellipsis; 2.超出层的宽度时隐藏溢出的文本以...表示,Firefox不兼容,只隐藏溢出的文 ...

  7. blockchain notes

    1. IBM blockchain platform https://www.ibm.com/blockchain/platform/ 2. 开源项目hyperledger https://hyper ...

  8. Entity Framework edmx(mapping文件)

    <?xml version="1.0" encoding="utf-8"?><edmx:Edmx Version="2.0" ...

  9. 黑盒测试实践--Day7 12.1

    黑盒测试实践--Day7 12.1 今天完成任务情况: 录制小组作业中的自动化测试工具实践视频 汇总大家提交的各种作业模块,打包完成小组共同作业 小组成员完成个人情况说明后在截止时间前分别提交作业 小 ...

  10. web大文件上传控件-监控f_create流程-Xproer.HttpUploader6

    监控f_create流程 1.打开ie,f12 2.启动网络监控 点击开始捕获 上传文件,然后查看监控 将监控信息转到详细视图 向f_create提交的数据 f_create返回值