Javascript简介
JavaScript是一种具有面向对象能力,解释型的程序设计语言,更具体一点,它是基于对象和时间驱动并具有安全性的客户端脚本语言。它的主要目的是验证发往服务器的数据,增加web互动,加强用户体验度等。
1.JavaScript的组成
ECMAScript(基础语法)
JavaScript的核心语法ECMAScript描述了该语言的语法和基本对象
DOM(文档对象模型)
描述了处理网页的内容的方法和接口
BOM(浏览器对象模型
描述了与浏览器进行交互的方法和接口
2.开发工具
- 浏览器:chrome
- 开发工具:VScode
- 进入浏览器控制台 Console:F12
控制台的作用:console对象代表浏览器的JavaScript控制台,用来运行JavaScript命令,常常用来显示网页运行时的错误信息。Elements用来调试网页的html和css代码。
JavaScript基本用法
JS需要和HTML一起使用才有效果,我们可以通过直接或间接的方式将JS代码嵌入在HTML页面中。
- 行内JS:写在标签内部的JS代码
- 内部JS:定义在JavaScript标签内部的JS代码
- 外部JS:单独的JS文件,在HTML中通过script标签引入
我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。由于页面的加载方式是从上往下依次加载的,而这个对我们放置的JS代码运行是有影响的。
放在<head>
部分,最常用的方式是在页面head部分防止<script>
元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。
放在<body>
部分,JavaScript代码在网页读取到该语句的时候就会执行。
⚠️最好放在<body>
标签后
行内JS
<body>
<button type="button" onclick="alert('hello')">按钮</button>
</body>
内部JS
<script type="text/javascript">
alert("你好,内部JS");
</script>
外部JS
<script src="./js/test.js" type="text/javascript" charset="utf-8"> </script>

⚠️ 如果 <script>
标签设置了src属性,则在script标签中写的js代码无效。
JavaScript基础语法
1.语句和注释
JS程序的执行单位为行,也就是一行一行的执行,一般情况下,每一行就是一个语句。
语句是为了完成某种任务而进行的操作,语句以分毫结尾,一个分号即表示一个语句结束。多个语句可以写在一行内,但不建议这么写,但是一行写多条语句时,语句必须以分号结尾。
表达式不需要分号结尾。一旦表达式后面添加分号,则JavaScript引擎就将表达式视为语句,这样会产生一些没有任何意义的与语句。
单行注释:用//起头;
多行注释:放在/**/之间。
兼容html注释方式: <!-- -->
2.标识符和关键字
标识符
就是一个名字,有来给变量和函数进行命名,有特定规则和规范。
规则
规范