JavaScript函数

最新推荐文章于 2022-04-27 22:12:37 发布

码途有约

最新推荐文章于 2022-04-27 22:12:37 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript JavaScript内置函数 JavaScript自定义函数 JavaScript函数库

本文链接：https://blog.youkuaiyun.com/qq_38234015/article/details/84104984

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文深入讲解JavaScript中的关键内置函数，如alert、confirm、prompt及isNaN，探讨其语法、使用场景及返回值类型。同时，文章介绍了自定义函数的定义与调用方法，包括通过函数名直接调用、HTML中'javascript:'方式调用以及与事件结合调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript的内置函数

alert函数

语法格式：alert("提示内容");

alert函数用来弹出一个提示框，提示框上面显示的内容就是函数传入的参数。提示框除了提示内容还有一个确认按钮，只有点击了确认按钮才可以进行其他操作。

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		开始<br />
		<script type="text/javascript">
			alert("你好！");
		</script>
		<br />
		结束
	</body>
</html>

只有点击了确定按钮之后，“结束”才在界面上显示出来。

confirm函数

语法格式：confirm("询问内容");

函数的返回值是布尔类型，通常和alert函数配合使用。

confirm函数执行时也会有弹一个框，这个框是一个询问框，上面有两个按钮，一个是确认按钮，一个是取消按钮。点击确认按钮之后返回的是true，点击取消按钮返回的值是false。

<script type="text/javascript">
    if(confirm("是否删除数据？")){
        //删除数据的语句
        alert("数据已删除");
    } else {
        //不删除时应该进行的操作
        alert("取消删除");
    }
</script>

prompt函数

语法格式：prompt("提示文本","框内默认文本");

函数执行后出现一个弹框，弹框有一个输入文本框和一个确认按钮还有一个取消按钮。如果点击了确定按钮，函数的返回值是文本框内填入的信息，如果点击了取消按钮，函数的返回值是null。

<script type="text/javascript">
    var str = prompt("请输入一行文本","这是默认值");
    alert("您输入的信息是" + str);
</script>

函数的默认内容是可以省略的。

isNaN函数

语法格式：isNaN(num);

该函数的返回值是布尔类型。

NaN 可以理解是 not a number;

<script type="text/javascript">
    document.write(isNaN(1));//1 不是数字，所以结果为 false
    document.write(isNaN("str"));//true
    document.write(isNaN(NaN));//true
</script>

注意：NaN与任何值（包括它本身）进行判等操作，最终的结果都是false

自定义函数

自定义函数的函数格式

function 函数名（参数列表）{

//函数体

}

//定义一个求和函数
function add(num1, num2){
    return num1 + num2;
}

//返回一个字符串
function str(str){
    return str;
}

//打印字符串
function print(str){
    document.write(str);
}

JavaScript定义函数的时候并不需要指定函数的返回值类型

函数定义时的参数列表也不需要指定数据类型。

函数调用

在 script 标签中通过函数名调用

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			function print(str){
				document.write(str);
			}
			print("通过函数名调用函数");
		</script>
	</body>
</html>

在HTML中通过 "javascript:" 方式调用

<html>
	<head>
		<meta charset="UTF-8">
		<title>函数调用</title>
	</head>
	<body>
		<script language="JavaScript">
			function sum(num1, num2){
				document.write(num1 + num2);
			}
		</script>
		<p><a href="javascript:sum(1,2)">点击求和</a></p>
	</body>
</html>

与事件结合调用JavaScript函数

<html>
	<head>
		<title>alert函数弹出对话框</title>
	</head>
	<body>
		<script language="javascript">
			function Clickme(){
				alert("你好，我是来自JS的提示框");
			}
		</script>
		<p><a href=# onclick="Clickme()">单击试一下</a></p>
	</body>
</html>