前端js练习

1、js的三种引入方式1内行jsbutton οnclickaler点击我干什么??;aler(点击你咋了)点击/button2内嵌js写在body结束标签的上面bodyscriptalert(66666)/script/body3外联jsscript src./index.js/script script标签存在src属性时内部不能再写js代码2、对话框1警示框alert2输入框prompt()3控制台打印console.log()4页面打印document.write()3、注释1单行注释//2多行注释/******/4、变量程序运行时存储数据的容器声明变量1var 变量名现在不用了2let 变量名(1)let 变量名变量名变量值let pwdpwdprompt()alert(pwd)2变量的初始化let 变量名变量值let pwdprompt()alert(pwd)注变量的值可以更改变量本生不存在数据类型变量值的数据类型是什么变量的数据类型就是什么let关键字声明的变量不能重复声明var关键字声明的变量能重复声明只是简单的覆盖上一次的值在javascript中变量的名称命名规范只能由有效符号构成大小写的字母、数字、下划线、$不能以数字开头不能够使用关键字和保留字变量名最好有意义尽量遵循小驼峰命名法或下划线分割法如let userName或let user_name6、常量:scriptconst PI3.1415926document.write(PI)/script7、数据类型1内置的基本类型1数字类型 : int整型 float浮点型浮点数的计算不精确let a123let b3.142字符串类型 string 被单引号或双引号括起来的字符序列let str1dacongminglet str2dacongming模版字符串能够识别html标签let str3h1我是模版字符串/h1doucument.write(str3)3布尔值boolean true、false4undefined 变量定义但未被赋值默认值为underfineddocument.write(aa)var aa11let aaa5nullvar bbnull2引用数据类型1数值Array2Object对象 万物皆对象8、数据类型转换显示转换1转换为数字类型1Number()let pwdprompt(请输入密码)document.write(Number(pwd))2parseInt()\praseFloat() parseInt尽可能的将数据转换为整型 praseFloat把给的数据转化为浮点数document.write(parseInt(3.1415926))document.write(praseFloat(3.1415926))3console.log(undefined)4tofixed()let num3.1415926console.log(num.toFixed(2))2转换为字符串1toString()console.log(toString(1234))2String()console.log(String(1234))3拼接console.log(111222)3转换为布Boolean() (所有的非0都被转换为true)console.log( Boolean(11))9、算术运算符console.long(24)console.long(2-4)console.long(2*4)console.long(4/2)console.long(5%2) 取余console.long(4**3) 求幂次方10、比较运算符console.long(42) trueconsole.long(24) falseconsole.long(42) falseconsole.long(24) falseconsole.long(42) falseconsole.long(4!2) trueconsole.long(22) 存在隐式转换把2转换为2然后进行比较 trueconswole.long(22) 表示全等判断值、数据类型都一致 false11、赋值运算符let a12let a12表示aa12let a-2let a*2let a/212、自加自减运算符let a12let ba 赋值运算符的优先级大于后加加因此先进行赋值再进行自增let ba 赋值运算符的优先级小于前加加因此先自增再进行赋值let ca--let d--a13、逻辑运算符1 两真则真一假则假console.long(2332) false2|| 一真则真两假才假console.long(23||32) true3console.long(!(23)) false14、单分支if条件{条件成立时的代码}let ageprompt(请输入您的年龄)if (age18){console.log(恭喜你成年了上网去吧)}15、双分支if条件{条件成立时执行的代码}else{条件不成立时执行的代码}let ageprompt(请输入您的年龄)if (age18){console.log(恭喜你成年了上网去吧)}else{console.log(未成年一边玩去)}16、多分支if条件{条件成立时执行的代码}else if条件{条件成立时执行的代码}else if条件{条件成立时执行的代码}else{条件不成立时执行的代码}17、三元运算符条件?条件成立时执行的代码条件不成立时的代码let ageprompt(请输入年龄)age18?alert(成年了):(完犊子了)18、switch多分支语句scriptlet weekprompt(今天星期几)switch(week){case 1:alert(今天星期一猴子穿大衣~~~)breakcase 2:alert(今天星期二猴子有点2~~~)breakcase 3:alert(今天星期三猴子去爬山~~~)breakcase 4:alert(今天星期四猴子要考试~~~)break!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body script let numprompt(请输入一个整数) if (num0) { document.write(alert(大于0)) } else if (num0) { document.write(alert(小于0)) } else { document.write(alert(等于0)) } /script /body /html!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body script let numprompt(请输入一个整数) if (num%20) { document.write(alert(偶数)) } else { document.write (alert(奇数)) } /script /body /html!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body script let numprompt(请输入一个月份) if (num1,3,5,7,8,10,12) { document.write(alert(31天)) } else if (num4,6,9,11){ document.write (alert(30天)) } else { document.write(alert(29天)) } /script /body /html!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body script let heightprompt(请输入你的身高) let weightprompt(请输入你的体重) a(height-108)*2 if (a-weight10 ||a-weight-10) { document.write(alert(你的体重不合适)) } else { document.write(alert(你的体重合适)) } /script /body /html!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body script let aprompt(请输入你的本金) let bprompt(请输入你的年限) if (a1) { ca*0.0063*12*b } else if (a2) { ca*0.0066*12*b } else if (a3) { ca*0.0069*12*b } else if (a4,5) { ca*0.0075*12*b } else if (a7,8) { ca*0.0084*12*b } else{alert(不对)} alert(本息和是ac) /script /body /html!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body script let xprompt(请输入一个数) if (x1) { yx } else if (1x10) { y2*x } else { y3*x-11 } alert(y) /script /body /htmlscript let date1prompt(请输入一个数) let date2prompt(请输入一个数) let opprompt(请输入一个运算符) switch(op){ case : alert(date1date2) break case -: alert(date1-date2) break case *: alert(date1*date2) break case /: alert(date1/date2) break default: alert(出错了) break } /script