Web开发基础-JavaScript-01

xiaoxiao2021-02-28  43

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");}

最终页面效果:

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

点击AAA:

点击BBB:

点击CCC:

转载请注明原文地址: https://www.6miu.com/read-2629433.html

最新回复(0)