JavaScript进阶与bom

最新推荐文章于 2024-09-09 09:35:48 发布

清晨喂

最新推荐文章于 2024-09-09 09:35:48 发布

阅读量257

点赞数 3

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_63772104/article/details/123187113

版权

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
用于数据运算，比如在数组中拿出最大值，计算出一个数的绝对值等等等。

清晨喂

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript进阶与bom

JavaScript进阶与bom自定义函数函数类型与调用方法简单的计算机代码Window对象(整个Js中最大的对象)Window对象常用函数内置对象自定义函数1.函数的返回值Js中函数不需要指定返回类型，它可以返回任意类型，Js函数一定会有返回类型，如若没有return，就为unfined(未定义)2.return的作用用于给函数设置返回值用于中断函数运行3.函数的参数参数不需要指定类型，调用函数的时候不会对参数的个数进行判断函数类型与调用方法普通函数//定义方法function a
复制链接

扫一扫