二阶段（JavaScript）
Day01
-
js的功能：实现页面的交互效果（动画-实现数据交互-前后端数据交互）
-
js：ECMA（ECMAScript）组织定制的语法基础
-
js的三大组成部分：ECMAScript（语法基础）+BOM（brower object model 浏览器对象模型）+DOM（document object model文档对象模型------用js控制标签和css）
-
js是：基于对象的弱类型的直译型的脚本语言。
-
js的三种引入方式：①内部js②外部js③行内js（直接在标签上写js代码）
-
js的三种输出语句
ALERT( )（页面弹窗） ①字符串加引号，单双引无区别。如alert('js真简单') ; alert("js真简单") ; ②单引号可以套双引号，双引号也可以套单引号。引号不分单双。如 alert(' js引号真"复杂" ') ;alert("js引号真'复杂'") ; ③ 数字可以不加引号，字符串必须加引号 ④可以识别空格，不认识标签。如alert（'66 6'）alert('<h1>666</h1>') DOCUMENT.WRITE( )（页面输出） ①输出数字666：document.write(666); ②输出字符串hello你好啊：document.write('hello你好啊’); ③ 加标签输出：document.write('<h1>666</h1>'); CONSOLE.LOG( )(控制台输出---测试的时候用) ①console.log(666);/console.log('hello world');/console.log('666') ②不识别标签只是字符串：console.log('<h1>666</h1>') ; -
注释分为单行注释//(快捷键ctrl+/）多行注释/* */
-
常量：就是直接量直接使用的量如666 hello你好啊
-
变量：可以改变的量
-
VAR（声明变量） ①变量在使用的时候，不加引号。 ②变量的命名规则 a：只能使用数字，字母，下划线以及$组成 b：数字只能开头 c：不能使用关键字和保留字 ③变量命名建议 a:驼峰命名法 b:不要使用拼音，见名知意 ④变量：在内存中开辟一个空间，存储值。=是赋值的意思，把等号右边的值赋给左边。 var x = 1 ; // 变量在使用的时候，不加引号 document.write(x) ;
var x1 = 2 ; // var 1x = 3 ; var _x = 4 ; var $q = 5 ; document.write($q) ; // var var = 6 ; var _alert = 7 ; document.write(alert) ;
var userName = '小花' ; var user_name = '小花' ; // 不建议使用大驼峰 var UserName = '小花' ;
// 声明变量，不赋值 var m ; // 声明变量，且赋值 var n = 1 ; // 单独赋值 m = '可乐' ;
下午
-
数据类型
类型 代码 数字 var x = 1; 字符串 var y = 'hello'; 逻辑值，布尔值 true/false var z = 'true'; document.write(z); 已声明，未赋值 undefined var m ; document.write(m); 空值 null var n = null； -
typeof 判断数据类型
console.log(typeof x) ; // number 数字**console.log(typeof y) ; // string 字符串**console.log(typeof z) ; // boolean 布尔值**console.log(typeof m) ; // undefined 已声明，未赋值**console.log(typeof n) ; // null -> object 空对象**console.log(aa) ; // is not defined 报错* -
js是一种弱类型的语言，在js中声明变量都用var，变量的数据类型可以任意修改，分号可以省略。int（整型）float（浮点型）char（布尔型）
-
算数运算符：+ - * %(模余数)
代码如下：
var x = 1 ;var y = 2 ;var z = x + y ;console.log(z) ;console.log(x * y) ;console.log(x / y) ;console.log(8 % 3) ; // 2console.log(3 % 8) ; // 3console.log(2 + 3 * 4) ; // 14console.log((2 + 3) * 4) ; // 20 -
赋值运算符：= += -+ *= /= %=
var x = 1 ;// x = x + 1 ;x += 1 ;console.log(x) ; // 2x -= 2 ;console.log(x) ; // 0x *= 3 ;console.log(x) ; // 0x = 4 ;x /= 2 ;console.log(x) ; // 2x %= 3 ;console.log(x) ; // 2 -
比较运算符
符号 意义 > 大于 < 小于 == 值等----判断值相等不管数据类型 === 全等----判断值和数据类型都要相等 >= 大于或者等于 <= 小于或者等于 ！= 判断值不相等 ！== 判断值或数据类型不相等 代码如下：
var x = 3 > 4 ; • console.log(x) ; • console.log(4 >= 4) ; // true • console.log(4 <= 4) ; // true • var m = 4 ; • var n = 4 ; • console.log(m == n) ; // true • console.log(4 == '4') ; // true • console.log(4 === '4') ; // false • console.log(4 != 3) ; // true • console.log(4 != '4') ; // false • console.log(4 !== '4') ; // true • // 连等式与数学不一样 • // 计算机每一次都会计算一个结果再与后面的结果进行再次计算 • console.log(5 > 4 > 3) ; // false • // 5 > 4 true • // true > 3 false • console.log(3 < 4 < 5) ; // true
-
逻辑运算符
①与&&：连接多个条件语句，所有的条件都满足，结果才是true，只要有一个条件不满足结果就是false
②或者||：只要有一个条件满足结果就是true，所有条件都不满足结果才是false
③非!：取反
代码如下：
console.log(3 < 4 && 4 < 5) ; // true • console.log(3 > 4 && 4 < 5 && 5 < 6) ; // false • // 短路运算 与 见假即停止 • console.log(3 > 4 || 4 < 5) ; // true • // 短路运算 或 见真即停止 • // console.log(3 > 4 || 4 < 5 || ...) // true • var x = 3 > 4 ; // false • var y = !x ; // !false -> false取反 • console.log(y) ;
-
自增自减
①++在后面的时候，先赋值后自增
var y = x++ ; console.log(y) ; // 1 console.log(x) ;
②++在前面的时候，先自增，再赋值 var y = ++x ; console.log(y) ; // 2
var z = x++ + ++x ; // 1 + 3 // 2 3 console.log(z) ; console.log(x) ; // 3
var m = x++ + x++ + --x ; // 3 + 4 + 4 // 4 5 4 console.log(m) ;
JavaScript自增、自减运算符与表达式(i初始值为6)
运算符 ++I--II++I--名称 前自增运算符 前自减运算符 后自增运算符 后自减运算符 表达式 ++i --i i++ i-- 示例 ++i; --i; i++; i--; i的结果 7 5 7 5 有趣的示例 ++i alert(i) alert(++i) alert(i) --i alert(i) alert(--i) alert(i) i++ alert(i) alert(i++) alert(i) i-- alert(i) alert(i--) alert(i) 结果 7 8 8 5 4 4 7 7 8 5 5 4 注释：前自增运算符与后自增运算符有本质的区别，它们的相同点都是为自身加了1，不同点是前自增运算符是先加1，再使用操作数的值，后自增运算符是先使用操作数的值，再加1。
-
字符串拼接：+有两种作用分别是数字求和和字符串拼接！
代码如下：
var y = 'world' ; var z = x + ' ' + y ; // document.write(z) ; var x = '1' ; var y = '2' ; // document.write(x + y) ; var a = 10 ; var b = 1 ; document.write('变量a的值是:' + a) ; var text = 'hello world' ; document.write('<h1>' + text + '</h1>') ; // 1 + 1 // document.write(a) ; // document.write('+') ; // document.write(b) ; // document.write(a+'+'+b) ; // 1 + 1 = 2 // document.write(a + '+' + b + '=' + (a + b)) ; -
常见的运算符：算数运算符、赋值运算符、逻辑运算符、比较运算符、自增自减
-
Math数学对象
名称 代码 随机数 Math.random（） 向上取整 Math.ceil（） 向下取整 Math.floor（） 四舍五入 Math.round（） // random() -> 函数 --- 产生一个0-1之间的随机数 ，包含0不包含1 var num = Math.random() ; document.write(num) ; // 0-100之间的随机数 包含0，包含100 num *= 100 ; document.write('<br>' + num) ; // ceil 天花板 // num = Math.ceil(num) ; // floor 地板 // num = Math.floor(num) ; // round 环绕 --- 四舍五入 num = Math.round(num) ; document.write('<br>' + num) ; // 产生一个三位数？ // 100-1000 // 100 + (0-900) -
问题：随机的三位整数
分析：
①已知一个函数Math.random()可以产生0-1之间的随机数
求：三位数100-1000
②实现的过程：0-1000 *1000 最小值是100 100+任何正数
③100+随机数 *900
// 1 产生0-1之间的随机数 var n = Math.random() ; // 测试 console.log(n) ; // 2 把这个随机数*900 n *= 900 ; console.log(n) ; // 3 取整 --- 3种方法 --- 思考是否取到最大值 n = Math.floor(n) ; console.log(n) ; // 4 保证最小值是100 n += 100 ; console.log(n) ; document.write('产生的随机三位数是:' + n) ; // 20-80 20 + n * 60 -
取出每一位数
代码如下： // var n = 123 ; // var bai = n / 100 ; // // 向下取整 // bai = Math.floor(bai) ; // // 十位 // var shi = n % 100 ; // shi = shi / 10 ; // shi = Math.floor(shi) ; // // 个 // var ge = n % 10 ; // document.write('百位是：' + bai) ; // document.write('<br>十位是：' + shi) ; // document.write('<br>个位是：' + ge) ; var n = 2234 ; // 千 // var a = n / 1000 ; 取整 // 百 // var b = n % 1000 ; // b = n / 100 ; 取整 // 十 // var c = n % 100
869
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
