js中的函数和window对象

函数和window对象

函数的定义

js定义无返回函数:

  1. 函数一定有返回 未定义undefined
  2. 可以带参,不需要指定参数的类型,参数可以任意传,默认为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的和
}
  1. 可以写自己的返回
  2. return可以中断函数的运行
  3. 函数的返回值可以是任意类型
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)   //返回数的平方根

内置对象:

设置标签中间的文本内容:
innerHTML

innerText

textContent
innerText、textContent和innerHTML三者的区别

以上就是本文所有的内容了,谢谢观看,我之后还会写一些与JavaScript相关的文章,喜欢的可以点个赞+关注。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

绥彼岸

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值