## hello world：开始写第一行JavaScript代码 JS 代码的书写位置在哪里呢？这个问题，也可以理解成：引入 JS 代码，有哪几种方式？有三种方式：（和CSS的引入方式类似） 1. **行内式**：写在标签内部。 2. **内嵌式**（内联式）：写在head标签中。 3. **外链式**：引入外部JS文件。 ### 方式1：行内式 **代码举例**： ```javascript ``` 完整的可执行代码如下： ```html Document ``` **分析**： - 可以将单行或少量 JS 代码写在HTML标签的事件属性中（以 on 开头的属性），比如放在上面的 `onclick`点击事件中。 - 这种书写方式，不推荐使用，原因是：可读性差，尤其是需要编写大量 JS代码时，很难维护；引号多层嵌套时，也容易出错。 - 关于代码中的「引号」，在HTML标签中，我们推荐使用双引号，JS 中我们推荐使用单引号。 ### 方式2、内嵌式 我们可以在 HTML 页面的 `` 标签里放入``标签对，并在` ``` **分析**： - text表示纯文本，因为JavaScript代码本身就是纯文本。 - 可以将多行JS代码写到 ` ``` **分析**： - 上面这段代码，依然是放到body标签里，可以和内嵌的JS代码并列。 - 上方代码的 script 标签已经引入了外部JS文件，所以这个标签里面，不可以再写JS代码。 **总结**： 我们在实战开发中，基本都是采用方式3，因为将 html 文件和 js 文件分开的方式，有利于代码的结构化和复用，符合高内聚、低耦合的思想。很少会有人把一大堆 JS 代码塞到 html 文件里。 ### 关于 window.onload：先加载，最后执行 上面的三种方式，有个共同的地方是：JS代码都是写在``中的，准确来说，是在页面标签元素的后面，在body**结束标签**的前面。 为什么一般是按这样的顺序来写呢？这是因为：浏览器默认会**从上至下**解析网页（这句话很重要）。当你**需要通过 JS 来操作界面上的标签元素**的时候，假如将 JS 代码、` ``` 等价于代码二： ```html ``` 备注：每一条语句末尾要加上分号，虽然分号不是必须加的，如果不写分号，浏览器会自动添加，但是会消耗一些系统资源。 （2）所有的符号，都是英语的。比如**括号**、引号、分号。 如果你用的是搜狗拼音，**建议不要用shift切换中英文**（可以在搜狗软件里进行设置），不然很容易输入中文的分号；建议用ctrl+space切换中英文输入法。 （3）严格区分大小写。 ## 前端代码的注释 我们不要把 HTML、CSS、JavaScript三者的注释格式搞混淆了。 ### HTML 的注释 ```html ``` ### CSS的注释 ```html ``` 注意：CSS只有`/* */`这种注释，没有`//`这种注释。而且注释要写在`