前端学习(十三)js运算符(笔记)
类型转换:
1.强制类型转换:(数字字符串转数字)
parseInt()
parseFloat()
Number()--严格转换
NaN:
不是一个数字,但是它属于number类型
2.隐私转换:
加法转换:(数字转换成字符串)
a++;
减法:(字符串转换数字)
属于严格类型转换!
====================================================
1.
oBtn.onclick=function(){
var 0=0-0;
n++;n=0+1
alert(1);
oBtn.value=1;
};
<input type="button" value="1" id="btn_box" />
2.
oBtn.onclick=function(){
var 1=1-0;
n++;n=1+1
alert(2);
oBtn.value=2;
};
<input type="button" value="2" id="btn_box" />
2.
oBtn.onclick=function(){
var 2=2-0;
n++;n=2+1
alert(3);
oBtn.value=3;
};
<input type="button" value="3" id="btn_box" />
================================================
注意:
在js里面给谁赋值,谁就写在左边!值写在右边!
cursor:pointer;---模拟小手
===================================================
作用域:起作用的范围
全局变量:在程序的任何位置都可以使用的变量!
局部变量:只在函数内部可以使用!
闭包:子函数可以使用父函数的局部变量!
var a=12;
function show(){
var a=888;
alert('里面'+a);
}
show();
alert('外面'+a);
注意:内外的a一样的情况下,函数内部的a发生了遮蔽!
================================================
运算:
+
-
*
/
注意:运算可以隐私转换,除了加法是数字可以变字符串!
% 取余 模
123/3=41;
123%3=0;
333/4=83.2。。。。
333%4=1
1%1 0
1%2 1
1%3 1
2%1 0
2%2 0
2%3 2
3%1 0
3%2 1
3%3 0
4%1 0
4%2 0
4%3 1
n%1 0
n%2 0 1
n%3 0 1 2
n%4 0 1 2 3
例子:
隔行换色:
秒转换:
var a=1234;
。。分、、秒
------------------------------------------
赋值运算:
var a=12;
a=a+1;
a+=1;
a++ ---只可以加1,a--;不能乘除和%
---------------------------------------------
比较运算:(可以可以做隐私转换(字符串转数字))
var a='11';
var b='12';
alert(a<b);
<
>
<=
>=
==
注意:
= 赋值
==比较
===严格比较(优先比较类型)--不会发生隐私转换!
-------------------------------------------------
逻辑运算:
或 且 非
吃饺子或米饭 ---只吃一个---满足任意一个就好
吃饺子且米饭 ---俩个都吃---俩个都必须满足
例子:
识别一个两位数!
100>n>=10
在程序里面:
n<100 && n>=10
条件&&条件 俩个条件都满足
检测一下是否为周天!
6 7
条件||条件 成立一个条件就满足
非:
a!=b 非等于
a==b 等于
== !=
===全等于 !==不全等
-----------------------------------------
流程控制:
控制代码走向!
if(条件){
语句1
}else{
语句2
}
多个条件的控制!
***只会满足一个条件,走一个条件下对应的代码
!走完以后,这个流程就结束了!
var a=88800000;
if(a==1){
alert('周一');
}else if(a==2){
alert('周2');
}else if(a==3){
alert('周3');
}else if(a==4){
alert('周4');
}else if(a==5){
alert('周5');
}else if(a==6){
alert('周6');
}else{
alert('8888');
}
switch(a){
case 1:
alert('周1');
break;
case 2:
alert('周2');
break;
case 3:
alert('周3');
break;
case 4:
alert('周4');
break;
case 5:
alert('周5');
break;
case 6:
alert('周6');
break;
}
------------------------------------------
break
终止,中断
跳出整个循环
continue:继续
/跳出当次的循环,后面继续
-------------------------------------------
if简写:
=========================================
什么是真,什么是假的?
真 非0的数字 true 非空对象(object) 非空的字符串
假 0 false undefined 空对象(null) NaN 空字符串
=========================================
随机数:
Math.random() 0-1随机数 (不包括1)
0-100
Math.random()*100 (包含100)
0-80
Math.random()*80
10-100
Math.random()*90+10
20-90
Math.random()*70+20
30-70
Math.random()*40+30
n-m
Math.random()*(m-n)+n
15-79
Math.random()*(79-15)+15
前端学习(十三)js运算符(笔记)的更多相关文章
- 前端学习:JS学习总结(图解)
前端学习:JS学习总结(图解) JS的代码笔记 JS比HTML和CSS的知识点要多的多,下面分几段来介绍其内容... 为了能让大家更好的检索,前面的图解是整个JS的概括,后面的才是知识点... 旁边就 ...
- 前端学习:JS面向对象知识学习(图解)
前端学习:JS面向对象知识学习(图解) 前端学习:JS(面向对象)代码笔记 JS面向对象图解知识全览 创建类和对象 方式1:使用Object()函数 方式2:使用自变量 方式3:使用工厂函数 创建多个 ...
- 前端学习之——js解析json数组
** 前端学习之——js解析json数组** 解析json数组即对JSONArray的遍历 一.对于标准的json数组如: var result=[{"flag":1," ...
- 前端学习历程--js事件监听
一.事件监听使用场景 1.事件触发多个方法的时候,后一个方法会把前一个方法覆盖掉. window.onload = function(){ var btn = document.getElement ...
- 前端学习:学习笔记(JS部分)
前端学习:学习笔记(JS部分) 前端学习:JS学习总结(图解) JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介 新建步骤 <body ...
- 前端学习:JS(面向对象)代码笔记
前端学习:JS(面向对象)代码笔记 前端学习:JS面向对象知识学习(图解) 创建类和对象 创建对象方式1调用Object函数 <body> </body> <script ...
- 值得H5前端学习的60个JS插件(含DEMO演示)
下面也可以说是H5前端学习的js插件大全.基本包含了大部分的前端最前沿的js插件和库. 布局 SuperEmbed.js- 是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式 ...
- 前端学习数据库MYSQL
这篇文章主要写了 1.数据库MYSQL 2.基本上会遇到的所有SQL语句 数据库可视化软件------Navicat 数据库里边存放的是表,表与表之间是有关联的,而且可以对表进行相关操作(增,删,改, ...
- vue—你必须知道的 js数据类型 前端学习 CSS 居中 事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记(一) web攻击 web安全之XSS JSONP && CORS css 定位 react小结
vue—你必须知道的 目录 更多总结 猛戳这里 属性与方法 语法 计算属性 特殊属性 vue 样式绑定 vue事件处理器 表单控件绑定 父子组件通信 过渡效果 vue经验总结 javascript ...
随机推荐
- Java时区切换时的需要注意
前言 Java中的时间操作,也许大家都很熟悉,Date.Calendar.SimpleDateFormat等.但或许我们都只是会调用常见接口方法.今天解决的bug,关于TimeZone,即时区. 经常 ...
- 【彩彩只能变身队(第七组)】Alpha版
演示总结 -by 彩彩只能变身组(第七组) Part one:功能简介 教师端——班级主页 教师端——创建班级 教师端——批改作业 教师端——作业上交情况 学生端——班级主页 学生端——作业上传 在开 ...
- 卸载Anaconda
conda install anaconda-clean anaconda-clean --yes Anaconda 安装的时候在 .bash_profile中添加了变量: export PATH=& ...
- hdu 1402 A * B Problem Plus (FFT模板)
A * B Problem Plus Problem Description Calculate A * B. Input Each line will contain two integers A ...
- CCflow与基础框架组织机构整合
SELECT No,Name,Pass,FK_Dept,SID FROM Port_Emp SELECT No,Name,ParentNo FROM Port_Dept SELECT No,Name, ...
- LOJ #103. 子串查找 (Hash)
题意 给定两个字符串 \(A\) 和 \(B\),求 \(B\) 在 \(A\) 中的出现次数. 思路 这是一道 \(KMP\) 的模板题. 不过 \(Hash\) 是个好东西,可以用 \(Hash\ ...
- STL中六大组件
1)容器(Container),是一种数据结构,如list,vector,和deques ,以模板类的方法提供.为了访问容器中的数据,可以使用由容器类输出的迭代器: 容器(container)用于存放 ...
- flex属性flex-grow、flex-shrink、flex-basis
tip: 1)这些属性写在子元素中,作用于子元素(父元素中应设置display:flex) 2)作用是子元素如何分配父元素的空间 3) flex-grow 是扩展比率,当子元素宽度总和小于父元素宽度时 ...
- Apache 2.4.12 64位+Tomcat-8.0.32-windows-x64负载集群方案
上次搞了Apache 2.2的集群方案,但是现在自己的机器和客户的服务器一般都是64位的,而且tomcat已经到8了.重新做Apache 2.4.12 64位+Tomcat-8.0.32-window ...
- Android毕业四年升P8,年收入超100w,他是如何做到的?
很多人从事Android开发工作多年,走过的弯和坎,不计其数,经历的心酸难与外人道也.相信大家感触最深的还是:选择大于努力.选择正确的方向,才能够走的更远,更踏实. 今天我来分享一下自己心得体会,并没 ...