JS基本语法-JavaScript自定义函数及其在html中的使用

最新推荐文章于 2023-09-16 12:02:29 发布

liranke

最新推荐文章于 2023-09-16 12:02:29 发布

阅读量2.1k

点赞数 1

分类专栏： JavaScript笔记文章标签： javascript js js方法 js函数 html调用js

本文链接：https://blog.csdn.net/liranke/article/details/110871487

版权

本文介绍了如何在JavaScript中创建自定义函数，以及在HTML中直接嵌套JS代码和从外部JS文件调用函数的方法。通过示例展示了在HTML中调用函数以计算两个数的和，并更新页面UI的过程。强调了引用外部JS文件的重要性。

摘要由CSDN通过智能技术生成

简介：

javascript（即js）自定义函数用function来标识，参数和返回值都不用标注类型。

在html可以直接嵌套js代码，也可以将函数的实现写在js（后缀为.js）文件中。

1. javascript自定义函数的实现

举例：

1.在html中嵌套js函数：

func1.html：

<!DOCTYPE html>
<html>
<body>

<h1>求两个数的和：</h1>
<p id="res">结果：</p>
<script>
	function sum(a,b){
		console.log("a=" + a);
		console.log("b=" + b);
		return a+b;
	}
	function setUi() {
		var res = sum(2,3);
		document.getElementById("res").innerHTML=res;
	}
	setUi();
</script>



</body>
</html>

运行：

打开html文件所在的目录，双击在浏览器中运行，结果如下：