Javascript学习1-CSDN博客

本文链接：https://blog.csdn.net/qq_44152890/article/details/121144338

1、什么是JavaScript，有什么用？
JavaScript是运行在浏览器上的脚本语言。简称JS。
JavaScript程序不需要我们程序员手动编译，编写完源代码之后，浏览器直接打开解释执行。
JavaScript的“目标程序”以普通文本形式保存，这种语言都叫做“脚本语言”。

JSP和JS有啥区别？
JSP : JavaServer Pages（隶属于Java语言的，运行在JVM当中）
JS : JavaScript（运行在浏览器上。）

2、在HTML中怎么嵌入JavaScript代码？
方式1：

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">

		<title>方式1</title>
	</head>
	<body>
	<!--
	click为鼠标单击事件，onclick为事件句柄，事件句柄为执行这个事件时才会起作用。
	格式：事件句柄="js代码"    页面打开时不会执行
	window代表这个页面（可以省略不写），alert为提示弹窗
	window.alert('hellow word')和 window.alert('you')结尾可以写分号也可以不写
	js语句外面为双引号，里面则为单引号；外面为单引号，里面则为双引号。
	-->
		<input type="button" value="确认" onclick="window.alert('hellow word');" />
		<input type="button" value="确认" onclick="window.alert('hellow word')
												   window.alert('you')" />
		<input type="button" value="确认" onclick="alert('gou');" />
	</body>
</html>

方式2：脚本块方式

<!doctype html>
<script type="text/javascript">
//js的单行注释
/*
js的多行注释
*/
			window.alert("h");
</script>
<html>
	<head>
	<meta charset="utf-8">
		<title>方式2</title>
	</head>
	<body>
	<!--
	alert会阻塞当前html页面的加载，只有点击确定才能继续执行
	页面打开就会执行
	js语句自上而下，依次逐行执行
	脚本块可以放在任何地方
	-->
		<script type="text/javascript">
			window.alert("hao");
		</script>
		<input type="button" value="确认"/>
	</body>
</html>

方式3：引入外部js文件

window.alert("hao");
window.alert("ha");
window.alert("h");

<!doctype html>
<html>
	<head>
	<meta charset="utf-8">
		<title>方式2</title>
	</head>
	<body>
	<!--
	不能写成<script type="text/javascript" src="新建文件夹/a.js"/>
	<script type="text/javascript" src="新建文件夹/a.js"></script>之间可以写脚本块，不能写js代码
	一个js文件可以在同一个html文件中多次引用
	-->
		<script type="text/javascript" src="新建文件夹/a.js"></script>
		<input type="button" value="确认"/>
	</body>
</html>