Web开发基础-JavaScript-01-优快云博客

JavaScript的基本使用介绍：

本案例演示JS的使用的方式基础

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>JS的用法</title>
		<!-- 
			2.嵌入式：在script中写的JS。
		 	该标签可以写在页面的任意位置。
		 	但通常习惯写在head里。 
		  -->
		<script type="text/javascript">
			/* js的注释可以这样 */
			//亦可以这样
		
			//a.以function开头
			//b.不需要声明返回值类型
			//c.函数名()，括号中可以有参数
			function f2(){
				//js不区分单引号和双引号
				alert("hello js!");
			}
		
		</script>
		
		<!-- 
			1.script要么直接写js，要么引入js。
		  	     不能既写js又引入js。[不要分两处写一个js功能]
			2.引入js相当于将js复制到此处。 
		-->
		<script src="x.js"></script>
	</head>
	<body>
		<!-- 
			事件：JS调用的时机。
			举例：单击、双击、光标切换等事件。
		 -->
		<!--  1.事件定义式：在定义事件时直接调用js。 -->
		<input type="button" value="AAA" οnclick="alert('你好Js！');">
		<input type="button" value="BBB" οnclick="f2();">
		<input type="button" value="CCC" οnclick="f3();">
		
	</body>
</html>

其中引入的外部x.js代码：

function f3() {
alert("你好！JS");
}

最终页面效果: