暑期学习日记22：导入JS

土肥圆波太郎

已于 2022-08-07 21:42:43 修改

阅读量94

点赞数

文章标签：学习

于 2022-08-06 21:10:43 首次发布

本文链接：https://blog.csdn.net/weixin_48485475/article/details/126201256

版权

1.使用<script>标签，如：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS</title>
</head>
<body>
<script>
	var r=3;
	function S1(r){
	return r*r*3.14;
}
	document.write("半径为3的圆面积为："+S1(r));
</script>
</body>
</html>

2.外部javascript，从外部导入js，如：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS</title>
</head>
<body>
<script type="text/javascript" src="S1.js"></script>
</body>
</html>

JS代码如下：

// JavaScript Document
var r=3;
function S1(r){
	return r*r*3.14;
}
document.write("半径为3的圆面积为："+S1(r));

上面两例显示效果为：

3.内联javascript，将js代码写入HTML代码中，如：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS</title>
</head>
<body>
	<button onClick="javacript:alert('我被点击了')">点击</button>
</body>
</html>

显示效果为：