从上文我们知道了什么是HTML?那什么是Javascript呢? Javascript简称JS,是运行在浏览器上的解译型 脚本语言,支持面向对象 、函数式 编程等,其中我们最为熟悉的编程框架如Vue 、React 、Angular 最后都是编译成原生Javascript运行的。 下面让我们看一段Javascript代码:
<html>
<head>
<title>认识Javascript</title>
</head>
<body>
<script>
var a = 1;
var b = 2;
function test() {
var c = 3
return a + b + c;
}
console.log(test());
alert(a + b);
</script>
</body>
</html>
PS: <script /> 标签的声明可以在<head /> 中声明,也可以在<body /> 中声明,javascript代码可以写在js文件中,通过<script /> 标签引入,或直接写在<script /> 标签内。
var 表示声明一个变量,变量名为a ,并给变量a 赋值为数值1 ,; 表示一个结尾,如果需要用var 声明多个变量,中间可使用, 分开,如:var a = 1, b = 2 。function 表示声明一个函数,其中函数名为test ,这里是无参函数 。如果需要传入参数,则声明可为function test(var a, var b = 2){} ,() 内为传入的参数,如果需要赋默认值,则直接用= 给其赋值即可。test 中声明一个变量为c ,其值为3 ,变量c 只可在函数test 中使用,不可在test 外使用。console 用于 JavaScript 调试,是浏览器提供的内置对象,可通过F12 ,打开浏览器开发者工具 ,在其控制台 中查看打印结果。常用的函数为console.log(输出信息) 、console.info(console.log别名,输出信息) 、console.error(输入错误信息) 。另外console 还可使用占位符 打印信息,如console.log("%d年%d月%d日",2021,09,22); ,输出2021年09月22日 。alert 为javascript中window 对象中的内置函数,用于弹出一个模态对话框,显示提示信息,会阻断代码的运行。alert可以是一个数字、字符串等,也可以是一对运算代码。
|