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" onclick="alert('你好Js!');">
		<input type="button" value="BBB" onclick="f2();">
		<input type="button" value="CCC" onclick="f3();">
		
	</body>
</html>
 
 

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

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

最终页面效果:


依次点击AAA、BBB、CCC后触发事件效果;

点击AAA:


点击BBB:


点击CCC:


猜你喜欢

转载自blog.csdn.net/coder_boy_/article/details/80953919