JavaScript学习笔记2-函数

最新推荐文章于 2024-08-14 15:45:18 发布

糯米味儿的粽子

最新推荐文章于 2024-08-14 15:45:18 发布

阅读量120

点赞数

分类专栏： # JavaScript 文章标签： javascript 前端 js

本文链接：https://blog.csdn.net/emmm520/article/details/120041055

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JavaScript学习笔记2-js函数

js函数基本用法

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js函数</title>

</head>
<body>
	<script type="text/javascript">
	/*
		java中的函数定义
		[访问修饰符] 返回值类型 函数名(....){代码块}
		public void solve(int i){
			...
		}
		int factorial(int a){
			...
		}
	*/

	// js函数
	// function 函数名(...){代码块}
	// 函数名后()中无需写形参类型，因为类型都是var
	
	function compare_ab(a,b){
		if (a>b) {
			document.writeln(a+">"+b);
		}
		else if (a==b) {
			document.writeln(a+"="+b);
		}
		else {
			document.writeln(a+"<"+b);
		}
	}
	var a = 3;
	var b = 4;
	compare_ab(a,b);
	</script>
</body>
</html>

在这里插入图片描述

js函数+事件

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js函数</title>
</head>
<body>
	<!-- 
		onclick事件，鼠标单击触发 
	!-->
	<input type="button" value="比较大小" onclick="compare_ab(3,4)">
	<script type="text/javascript">
	function compare_ab(a,b){
		if (a>b) {
			document.writeln(a+">"+b);
		}
		else if (a==b) {
			document.writeln(a+"="+b);
		}
		else {
			document.writeln(a+"<"+b);
		}
	}
	</script>
</body>
</html>

鼠标单击前：

在这里插入图片描述

鼠标单击后：

在这里插入图片描述

带返回值的函数

	<script type="text/javascript">

		function compaer_ab(a,b){
			return a>=b?a:b;
		}
		document.writeln(compaer_ab(1,2));
	</script>

在这里插入图片描述

函数写在外部文件

外部js文件命名为compare_ab.js，放在与.html文件同级的js目录下。

compare_ab.js文件中代码如下：

function compare_ab(a,b){
		if (a>b) {
			document.writeln(a+">"+b);
		}
		else if (a==b) {
			document.writeln(a+"="+b);
		}
		else {
			document.writeln(a+"<"+b);
		}
	}

html代码为：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>函数写在外部文件+事件</title>
	<!-- 引入外部js文件 -->
	<script type="text/javascript" src = "./js/compare_ab.js"></script>
</head>
<body>
	<input type="button" value="比较大小" onclick="compare_ab(3,4)">
</body>
</html>

js内置函数

参见

js内置函数_emmm520的博客-CSDN博客

函数重载

参见

JavaScript函数重载(js函数重载)_emmm520的博客-CSDN博客

糯米味儿的粽子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习笔记2-函数

JavaScript学习笔记2-js函数js函数基本用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js函数</title></head><body> <script type="text/javascript"> /* java中的函数定义 [访问修饰符] 返回值类型函数名(.
复制链接

扫一扫

专栏目录