函数的定义
js定义无返回函数:
- 函数一定有返回 未定义undefined
- 可以带参,不需要指定参数的类型,参数可以任意传,默认为undefined
//无参函数
function fun_01(){//function为函数标签
//js代码
}
//有参函数
function fun_02(a,b){
//js代码
}
js定义有返回函数:
//无参有返回
function fun_03(){
//js代码
return 1+1//输出2
}
//有参有返回
function fun_04(a,b){
//js代码
return a+b//输出a+b的和
}
- 可以写自己的返回
- return可以中断函数的运行
- 函数的返回值可以是任意类型
function fun_05(){
return "true"
return "false"
//最后输出的结果为true
}
js定义匿名函数
(function (){
//js代码
})()
想要调用函数,直接调用函数名就行了
function fun_06(){
return 1+1
}
console.log(fun_06())//得到2
效果如下:
js定义箭头函数
//普通函数的简写
var fun_07=()=>{
//这是一个函数
//js代码
}
js定义高级函数
在调用高级函数的时候,作为参数的函数不能带括号
//高级函数就是函数里面调用函数
function fun_08(a) {
return 1+a
}
function fun_09(a,b) {
return a(b)
}
//在调用高级函数的时候,作为参数的函数不能带括号
console.log(fun_09(fun_08,2))//得到3
效果如下:
window对象
常用属性和方法:在调用方法的时候可以不加window前缀
window.open("url")//打开新的指定页面
window.close()//关闭当前页面
screen:有关客户端的屏幕和显示性能的信息
console.log(window.screen)
console.log(screen)//两种写法效果相同
history:有关用户访问过的URL的信息**(必须要有历史记录)**
history.back()//返回
history.forward()//前进
history.go(-1)//返回上一级,括号里面填-2的话则是返回上两级
history.go(1)//前进一级,括号里面填2的话则是前进两级
location:有关当前的URL的信息
console.log(location)
location.reload()//刷新本页面,建议配合按钮一起使用,不然会一直刷新
prompt:输入框
alert:提示框
confirm:询问框
时间计时器
setTimeout(function (){
console.log("test")
},1000)//在指定的毫秒数后调用函数或计算表达式
setInterval(function (){
console.log("test")
},1000)//按照指定的周期来调用函数或表达式
常用事件:给某个标签定义事件时使用,不要直接调用!
onload:一个页面或一个图像完成加载
//如何使用onload使其在刷新界面后显示时间
onload =function(){
var today=new Date()
document.writeln(today)
}
效果如下:
onmouseover:鼠标移到某元素之上
onclick:点击对象
onkeydown:某个按键按下
onchange:域的内容被改变
时间对象:
Date对象:时间对象、日期对象
参数格式:MM DD,YYYY,hh:mm:ss:ms
var toDay=new Date()//获得当前时间
var tday1=new Date("2015/2/1,12:23:33")//获得自定义时间
var tday2=new Date("september 1,2015,12:23:33")//同上
//下面代码中的toDay是你需要操作的时间
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(); //得到秒
数学函数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) //返回数的平方根
内置对象:
设置标签中间的文本内容:
innerHTMLinnerText
textContent
innerText、textContent和innerHTML三者的区别
以上就是本文所有的内容了,谢谢观看,我之后还会写一些与JavaScript相关的文章,喜欢的可以点个赞+关注。