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: