一、JavaScript简介
1.1 JavaScript 代码的书写位置
1.1.1 内部js代码
直接写在html文件中,使用 script 标签包裹,这个 script 标签要放在 body 标签之内,并且要放在最靠近结束标签 </body>的位置。
我们将 script 放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载 HTML。如果先加载的 JavaScript 期望修改其下方的 HTML,那么它可能由于 HTML 尚未被加载而失效。因此,将 JavaScript 代码放在 HTML页面的底部附近通常是最好的策略。
=== "外部js代码"
将js代码写在 .js 后缀的文件中,在html文件中使用 script 标签引入。
<script src=""></script>
???+ note
1. script标签中间无需写代码,否则会被忽略!
2. 外部JavaScript会使代码更加有序,更易于复用,且没有了脚本的混合,HTML 也会更加易读,因此这是个好的习惯。
=== "写在其他html标签内部"
此处不介绍
1.2 注释
单行注释 //,快捷键 ++ctrl+slash++
多行注释 /* 此处代码会被忽略 */,快捷键 ++shift+alt+a++
1.3 结束符
js代码使用 ; 作为每一行代码结束的标志,可写可不写,但是要统一
实际情况: 实际开发中,可写可不写, 浏览器(JavaScript 引擎) 可以自动推断语句的结束位置
现状: 在实际开发中,越来越多的人主张,书写 JavaScript 代码时省略结束符
约定:为了风格统一,结束符要么每句都写,要么每句都不写(按照团队要求.)
1.4 常用的输入输出语句
document.write('要输出的内容')在网页上输出内容,可以传入包含html标签的字符串,这些字符串会被添加到body标签内alert()页面弹出警告对话框console.log('要输出的内容')在浏览器控制台输出传入的内容prompt('提示信息')显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字,返回的数据是字符串类型,如果输入的是数字一般使用+进行隐式转换
???+ note "JavaScript 代码执行顺序"
按HTML文档流顺序执行JavaScript代码
`alert()` 和 `prompt()` 它们会跳过页面渲染先被执行