WEB7.11

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>