目录

一、函数

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