WEB7.12

函数

<script> function sayHi(){ console.log('hello,function') } //函数必须进行调用，才会执行 sayHi() function getSum(a,b){ //console.log(a + b) return a + b //函数要有返回值，一定要添加return } let a = getSum(2,9) console.log(a) </script>

匿名函数

<script> function sayHi(){ console.log('nihao') } function sayHello(){ console.log('jiangjia') } sayHi(sayHello) function sayHi() setInterval(function () { console.log(' ')},1000 ) </script>

函数表达式

<script> let a = function getSum(){ console.log(' ') } a() //立即执行函数 (function(){console.log('liqingyu')})() </script>

值传递，引用传递

<script> //传递值 let a = 10 let b = 20 function change(x, y){ x = 10; y = 20; } change(a, b); alert(a + "--" + b) let arr = [1, 2, 3, 4] //引用传递 function change2(a){ a.push(1000) } change2(arr) alert(arr) </script>

默认值参数

箭头函数

<script> setinterval(function(){ console.log('woaini') },1000) 或 setInterval(() => console.log('wotaoyanni'),1000) </script>

递归

<script> //9! function jiecheng(n){ if(n === 1){ return 1 }else{ return n* jiecheng(n - 1) } } let a = jiecheng(//数字) alert </script>

数组遍历

<script> let arr = [a, 2, 3, 4, 5] for(let i = 0;i < arr.length;i++){ console.log(arr[i]) } </script>

随机抽奖案例

<script> let arr = ['wzw','jiangjia','everyone','zhangsan'] function getRandom(n,m){ return Math.foor(Math.random()*(M - N + 1))+N } let random = getRandom(1, 5) alert(random) </script>

字符串的常见方法

<script> let str = 'nishishui' console.log(str.split('w')) console.log(str.substring(2, 4)) console.log(str.startsWith('ni')) console.log(str.include('w')) </script>

对象

<script> //let arr = [160, 160] //对象:无序的数据集合 let obj={ uname:'zhangfei', age:21; gender:'nan' } console.log(obj.uname) console.log(obj.['age']) let obj2={ uname:'刘德华', age:60, //sing:function(){ console.log('我要唱歌了') }// ---对象方法 } </script>

对象的增删改查

对象的遍历

<script> let obj = { uname:'zhangfei', age:21, gender:'nan' } for(let k in obj){ console.log(typeof (k)) console.log(obj[k]) } </script>

数组对象

<script> let obj = { uname:'zs', age:21, }, { uname:'jiangjia', age:33 }, { uname:'lisi', age:12 } console.log(arrObj) //arrObj[1]['uname'] for(let k in arrObj.length;i++){ for(let k in arrObj[i]){ console.log(arrObj[i][k]) } } </script>

Math内置对象

<script> console.log(Math.E) console.log(Math.PI) //Math.ceil向上取整 console.log(Math.ceil(3.1415)) //Math.floor向下取整 console.log(Math.floor(3.1415)) //Math.abs 绝对值 console.log(Math.abs(-3.12) //pow 求幂次方 console.log(Math.pow(-3.12，2) //sqrt 开方 //random 随机数 </script>

日期内置对象

<script> let date = new Date() //alert(date) let year = date.getFullYear() let month = date.getMonth()+1 let day = date.getDate() let hh = date.getHours() let mm = date.getMinutes() let ss = date.getSeconds() document.write('$(year)年-$(month)月-$(day)日- $(hh):$(mm):$(ss)') let gg = date.getDay() alert(gg) let number = new Number() let a = 3.234334 alert(a.toFixed(4)) </script>

dom

</button> 提交 </button>

<script> const btn = document.querySelector('button') console.dir(btn) </script>

获取元素的方法

<script> const li2 = document.querySelector('.two') console.log(112) const li = document.querySelector('li') console.log(li) //document.querySelectorAll将所有匹配的元素全部获取到，并保存到伪数组 const lis = document.querySelectorAll('li') console.log(lis) for (let i = 0; i < lis.length; i++){ console,log(lis[i]) } const li3 = docoment.querySelector('ul li:nth-child(3)') console.log(li3) //其他 console.log(document.getElementsByTagName('div')) console.log(document.getElementById('four')) </script>

修改元素内容

box2.innerHTML = '<h1></h1>'

随机点名案例

修改元素属性

<script> //获取元素 const img = document.querySelector('img') //改元素属性 对象.属性=值 img.src=" " img.title="我是大帅哥" </script>

修改元素样式属性

定时器

<script> //setTimeout\setInterval 定时器 //setInterval 将某段值持续进行打印 //setTimeout :某段代码或者函数在多久后执行 //setTimeout(code||function,time(ms)) //返回值是一个整数，代表定时器编码 let timer=setTimeout('console.log("我是一秒后的代码")') console.log(timer) </script>