js初体验
<script> promt("请输入您的年龄:") </script>
js引入方式
-
内部
<script> promt("请输入您的年龄:") </script>
-
外部
<script> <script src=" .js"> </script>
输入输出语句
<script> 输入 promt(‘请输入密码:') 打印至页面 document.write(' ') 可以识别标签 document.write('<strong> </strong>') 控制台输出语 console.log(' ') </script>
变量
<script> promt("请输入您的年龄:") 变量:盒子,存储数据 变量的保存----let let age 变量赋值 age =promt("请输入您的年龄:") console.log(age)
变量初始化 let uname = prompt('请输入姓名') console.log(age) 可同时定义多个变量 let nmame = 'zs',age = 21 console.log(uname,age)
</script>
变量命名规范
const常量
<script> //常量大写 const PI = 3.14 console.log(PI) </script>
数据类型
<script> //js是弱数据类型语言 let uname = ' ' console.log(uname) </script>
基本数据类型
<script> let a = 21 let b = 33 console.log(a) console.log(a+2) console.log(a+b) </script>
字符串类型
<script> //js是弱数据类型语言 let uname1 = ' ' console.log(typeof (uname1)) let uname2 = ' ' console.log(typeof (uname2)) document.write('你叫$(uname),今年${age}') </script>
布尔类型
显式转换
<script> let a = prompt('num1') let b = prompt('num2') console.log(Number(a)+Number(b)) alert----警示框 alert(a+b) let c = '200px' console.log(parseInt(c)) </script>
运算符
<script> let a = 21 a += 4 a -= 2 a *= 3 alert(a) let b = a++ //b=35.5 a=36.5--先赋值,再自增 b = ++a //b=36.5 a=37.5--先自增,再赋值 </script>
比较运算符:==与===区别 ------' '(字符串)
==:比较数值
===:即比较数值,也比较类型
逻辑运算符
<script> &&:与 ||:或 ! :非 alert( 4<3 && 3<5) //两真为真,一假则假 alert( 4<3 || 3<5) //一真则真,全假则假 </script>
单分支语句
<script> let age = 19 if(条件){ 执行代码 } </script>
双分支语句
if(){
}else{
}
多分支语句
<script> let age = +prompt('age: ') if(age<18){\alert(' ') }else if(age<=25){ alert(' ') }else{ alert(' ') } </script>
三元运算符
<script> let age = +prompt(' :') age <= 18 ? alert(' '):alert(' ') </script>
求最大值
<script> let age = +prompt('num1:') let age = +prompt('num2:') a>b?alert('最大值:$(a)'):alert('最大值:$(b)') </script>
数字补零
<script> alert(2 < '3') let age = +prompt('num1:') a>=10?alert(a):alert(0+a) </script>
switch
<script> let num = +prompt('日期:') switch(num){ case 1: alert('周一') break case 2: alert('周二') break case 3: alert('周三') break case 4: alert('周四') break case 5: alert('周五') break default: alert(' ') } </script>
while循环
<script> //let i = 10 while(a<1<10){ console.log(' ') i-- }// do{ consolo.log(' ') i-- }while (i > 11) </script>
for循环
<script> for(let i= 0;i<=10;i++){ console.log(' ') document.weite(' <br>') } </script>
循环嵌套
<script> for(let i =1;i< 0;i++){ console.log(' ') for(leg j=1;j<11;j++){ document.write(' ') } document.weite('<br>') } for(let i =1;i<10;i++){ for(let j=1;j<i;j++){ document.write(' ') } } </script>
continue,break
循环加强
<script> let arr = [1,2,3,66,4,5] //for in// for (let i in arr){ consolo.log(arr[i]) } //for of// for (let i of arr){ console.log(k) } </script>
数组
<script> //let name1 = ' ' //有序的数据序列 let arr = [ , , , ] //arr[索引下标] alert(arr[2]) let arr2 = new array //数组遍历 for(let i in arr){ console.log(arr[i]) } //数组的操作 //通过索引下标给对应元素重新赋值 arr[1] = 'guanyu' console.log(arr) </script>
二维数组
<script> let student=[[' , , '],[' , ', ]] console.log(student[1][0]) //指的是第一个的第一个空 for(let i in student){ for(let j in student[i]){ console.log(sthdent[i][j]) } } //student.length 获取数组长度 </script>