百木园目录
一、函数
1.普通函数
·无参
·有参
2.匿名函数
3.高阶函数
4. 箭头函数
二、window对象
1.history(有关客户访问过的URL的信息，也就是历史记录)
·返回
·前进
2.location (有关当前URL的信息)
·跳转界面
·刷新当前页面
三、window对象常用函数
1.弹框
2.定时器
四、内置对象
1.修改标签的方法
2.date（时间函数）
3.math（数学函数）
一、函数
1.函数一定有返回值，没有返回值返回undefined（未定义）
2.可以自己定义返回值
3.return可以中断函数的运行
4.可以带参，不需要指定参数的类型，参数的类型可以任意转换，未指定参数时为undefined（未定义）
5.函数的返回值可以是任意类型
1.普通函数
·无参
function fun01(){
console.log(\"hello\")
}
fun01() //调用方法 （hello）
console.log(fun01()) //打印方法的返回值（undefined）·有参
function fun02(a){
console.log(a)
if(a){
return true
}
return \"no\"
}
console.log(fun02(\"zzz\")); //打印出zzz,return true
console.log(fun02()); //打印出undefined,return \"no\"
console.log(fun02(0,\"zzz\",1,2)); //打印出0,return \"no\"
传进去的参数可以不止一个，但打印出的是第一个，返回值也是根据第一个来判断。
2.匿名函数
(function(){
console.log(\'啧啧啧\')
})(); //打印出“啧啧啧”匿名函数在创建时已经调用了函数。
3.高阶函数
function fun01(){
console.log(\"hello\")
}
function fun03(a,b){
return a(b)
}
fun03(fun01,\"2\");可以将函数作为参数 这个就是高阶函数
4. 箭头函数
var fun04=()=>{ //fun04是函数名，为了方便调用函数
console.log(\"调用了\")
}
fun04() //调用函数箭头函数就是普通函数的简写。
二、window对象
window对象是整个js中最大的对象
1.history(有关客户访问过的URL的信息，也就是历史记录)
·返回
以下两种都可以用来返回上一级
function back(){
history.back()
}
function back1(){
history.go(-1)
}·前进
function forward(){
history.forward()
}
function forward(){
history.go(1)
}2.location (有关当前URL的信息)
·跳转界面
function f1(){
//调用此方法可跳转至百度
location.href=\"https://www.baidu.com\"
}
调用以上函数
<button onclick=\"f1()\">点我跳转</button> //button标签要在script标签外使用·刷新当前页面
function f2(){
location.reload()
}调用以上函数
<button onclick=\"f2()\">点我刷新</button>
三、window对象常用函数
1.弹框
输入框：prompt
询问框：confirm
提示框：alert
window.prompt(\"请输入\")
window.confirm(\"确定要删除吗\")
window.alert(\"早上好\")window默认可以不写
2.定时器
设置定时器：setTimeout (只执行一次)
清除计时器：clearTimeout
setTimeout(function (){
alert(\"时间到了\")
},10000) //10000是所设置的时间，单位是毫秒设置循环定时器：setInterval (一直执行，只有清除后才不执行)
清除循环定时器：clearInterval
var a=0;
//i是定时器的编号
var i=setInterval (function(){
a++
console.log(\"时间到了\")
if(a==10){ //a是执行次数，当执行10次后清除定时器
clearInterval(i)
}
},10000) //10000是所设置的时间，单位是毫秒四、内置对象
1.修改标签的方法
innerHTML和textContent都可以修改标签内容，但是textContent不识别html语句，只能修改内容，innerHTML可识别html语句，innerHTML不仅能修改内容，还能修改格式。
定义一个标签：
<h3 id=\"h3\">你好</h3>
执行显示
·使用textContent修改标签内容
h3.textContent=\"Hello\"
修改后的网页显示
·使用innerHTML修改标签内容
h3.innerHTML=\"<font size=7 color=\'red\'>\"+\'你好世界\'+\"</font>\"
修改后网页显示
2.date（时间函数）
var today=new Date(); //获取当前时间
var year=today.getFullYear(); //得到当前时间的年
var month=today.getMonth(); //得到当前时间的月
var day=today.getDay(); //得到当前时间的星期几
var date=today.getDate(); //得到当前时间的日
var hh=today.getHours(); //得到当前时间的时
var mm=today.getMinutes(); //得到当前时间的分
var ss=today.getSeconds(); //得到当前时间的秒3.math（数学函数）
· Math.abs(x) 返回数的绝对值
· Math.ceil(x) 返回比x大的最小整数 Math.ceil(34.5)--35
· Math.floor(x) 返回比x小的最大整数 Math.floor(34.5)--34
· Math.random() 返回0~1之间的随机数
· Math.round(x) 四舍五入取整
· Math.sqrt(x) 返回数的平方根
· Math.max(x,x,x,x,x) 返回最大值
· Math.min(x,x,x,x,x) 返回最小值
console.log(Math.abs(-1)) // 1
console.log(Math.ceil(34.4)) //35
console.log(Math.floor(34.6)) //34
console.log(Math.round(33.3)) //33
console.log(Math.sqrt(4)) //2
console.log(Math.random()) //0~1之间的随机数
console.log(Math.floor(Math.random()*10)+1) //1~10之间的随机数
console.log(Math.max(1,2,3,4,5,6,7)) // 7
console.log(Math.min(1,2,3,4,5,6,7)) // 1来源：https://blog.csdn.net/weixin_67235801/article/details/123166703
本站部分图文来源于网络，如有侵权请联系删除。