分享程序员开发的那些事...
更新时间：2022-09-02 16:14:04
开发者学堂课程【JavaScript 入门与实战：如何写一段 JS 代码并运行】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/582/detail/8009
内容介绍：
一、引言
二、如何写-段 JS 代码并运行
前边我们学习了 JavaScript 一些基本内容。同学们都有一些疑问，JS 很强大，但是要怎么学呢？我们知道 JS 要写到一个文件里，可是，是什么样的文件呢？JS 程序又要怎么写？写到什么地方呢？现在，我们就来解决这些问题。
JavaScript 代码一般都会写在 Html 的文件里。也可能会写在一个 JS 文件里。分以几种方式来写。
(1)将 JS 代码写在 HTML 行内
例：新建一个 html. 文件，在 HTDOCS 目录下，命名 1.html。编辑：
1 < !DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content= "width=device-width,
initial -scale=1.0"
6 <meta http-equiv="X-UA- Compatible"content="ie=edge" >
7 <title>Document</title>
8 </head>
9 <body>
10 <!--将JS代码写在HTML行内-->
11 <input type-"button" value= "按钮”onclick=" alert(123)">
12 </body>
13 </html>
打开 Open InDefault Browser 浏览器，显示有一个按钮。点击按钮，能在浏览器里弹出一个内容为“此网页显示 123”的窗口。
(2)在 html 里面添加标签 script
将 JS 代码写在 script 标签中
例:在 1.html 里 9 <body> 后边编辑代码：
<script>
alert(345)
</script>
打开 Open InDefault Browser 文件，弹出一个内容为“此网页显示 345”的窗口。
(3)将外部的 JS 文件引入后执行
例：在 THDOCS 目录新建一个名为 1.js 的文件，编辑：
1 alert(567)
这种单独的 js 文件中的代码，是不能直接在浏览器中打开的；需要将 js 文件引入到html 中，浏览器打开 html 后js中的代码才会运行。继续在 1.html 里 9 <body>编辑代码：
<script src="./1.js">
</script>
这段代码为：将外部的 JS 文件引入后执行。
打开 Open InDefault Browser 文件，弹出一个内容为“此网页显示 567”的窗口。
注意：在这时候。Script 标签中就不要再写其他的js代码，写了也没有用。外部引用的方式加载 js 代码时，Script 标签内不需要再写代码，如果写了不会报错，但是也不会运行。
这就是如何写，在哪里写 JS 程序的三种方法。