JavaScript进阶与bom
自定义函数
1.函数的返回值
Js中函数不需要指定返回类型,它可以返回任意类型,Js函数一定会有返回类型,如若没有return,就为unfined(未定义)
2.return的作用
用于给函数设置返回值
用于中断函数运行
3.函数的参数
参数不需要指定类型,调用函数的时候不会对参数的个数进行判断
函数类型与调用方法
普通函数
//定义方法
function a(){
}
//调用方法
a()
匿名函数
//定义方法
function (){
}
//调用方法
(function (){
});
高阶函数
//定义方法
function fb(a,b){
return a(b)
}
//调用方法
fb(fa,"1")
箭头函数
//定义方法
var fb=()=>{
}
//调用方法(与普通函数相同)
fb()
简单的计算机代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>第一个值: <input type="text" id="a1"></p>
<p>第二个值: <input type="text" id="a2"></p>
<p>结果: <input type="text" id="a3" disabled></p>
<p>
<button onclick="c1()">+</button>
<button onclick="c2()">-</button>
<button onclick="c3()">*</button>
<button onclick="c4()">/</button>
</p>
<script>
//1.得到两个框的值
//2.进行相应的运算
//3.将结果进行显示
function c1(){
var a=a1.value;
var b=a2.value;
var c=parseInt(a)+parseInt(b)
if(isNaN(c)){
a3.value="输入错误"
return
}
a3.value=c
}
var obj={
}
function c2(){
var a=a1.value;
var b=a2.value;
var c=parseInt(a)-parseInt(b)
if(isNaN(c)){
a3.value="输入错误"
return
}
a3.value=c
}
function c3(){
var a=a1.value;
var b=a2.value;
var c=parseInt(a)*parseInt(b)
if(isNaN(c)){
a3.value="输入错误"
return
}
a3.value=c
}
function c4(){
var a=a1.value;
var b=a2.value;
var c=parseInt(a)/parseInt(b)
if(isNaN(c)){
a3.value="输入错误"
return
}
a3.value=c
}
</script>
</body>
</html>
Window对象(整个Js中最大的对象)
前进与后退
前进
history.back()
history.go(-1)
后退
history.forward()
history.go()
跳转与刷新
跳转
location.href()
刷新
location.reload()
Window对象常用函数
新开窗口
window.open()
关闭当前窗口
window.close()
设置定时器
settimeout
设置循环定时器
setInterval
清除定时器
clearTimeout
lclearInterval
内置对象
是修改元素内容的方法
innerHTLM修改元素里面的HTLM语句
textContent修改文本内容
date与math
date
用来显示时间相关的东西,比如实时时间
<h3 id="h3"></h3>
<script>
setInterval(()=>{
//textContent不识别html语句
//h3.textContent="<kbd>"+new Date()+"</kbd>"
h3.innerHTML="<kbd>"+new Date().toLocaleTimeString()+"</kbd>"
},1000)
math
用于数据运算,比如在数组中拿出最大值,计算出一个数的绝对值等等等。