# 快速上手
TIP
javascript 代码可以在网页的任何地方运行(这个单词太长了,以后统称为 js)
# Hello, world
来!实现你的第一个 javascript 程序
新建文件: index.html
<html>
<head>
<script>
alert('Hello, world');
</script>
</head>
<body>
test
</body>
</html>
写入一下代码后把文件拖拽到浏览器中运行。
凡是 <script>...</script> 标签包裹的代码,就是 js 代码,它将直接被浏览器执行。
引入 js 文件的两种方法:
第一种:嵌入 html 中
就是上面的 hello, word 程序
第二种:引入 .js 文件
单独创建一个 .js 结尾的文件。然后在 html 中引入
新建 index.js
alert('Hello, world');
新建 index.html
<html>
<head>
<script src="./index.js"></script>
</head>
<body>
test
</body>
</html>
文件拖拽到浏览器中运行。
一般推荐第二种方法,js 代码和 html 代码分开。这样代码好维护。而且我们也可以同时引入多个 .js 代码
<html>
<head>
<script src="./a.js"></script>
<script src="./b.js"></script>
<script src="./c.js"></script>
</head>
<body>
test
</body>
</html>
浏览器会按顺序加载这些 .js 文件。加载成功后会立刻执行文件中的 js 代码。
有些时候你会看到 <script>
标签还设置了一个type属性:
<script type="text/javascript">
...
</script>
实际开发中 type 属性是可以省略的,因为他的默认值就是 text/javascript
type 的默认值是 “text/javascript”, 如果好奇,你还可以尝试其他的值
- text/javascript (默认)
- text/ecmascript
- application/ecmascript
- application/javascript
- text/vbscript
# 如何编写 js
你需要一个趁手的代码编辑器。txt 文本肯定是不行的。
这里我推荐 VsCode, 因为它启动很快,插件丰富。是微软的产品,完全免费。
安装也非常简单,全部下一步即可。并且支持跨平台 Mac 电脑一样用。还有一点你也许不知道。VsCode 就是用 javascript 实现的。这标志着微软对待开源的态度。
# 怎样运行 js
第一步:要有一个趁手的浏览器(IE除外)。
这里我推荐 Chrome,大部分开发都非常喜爱的浏览器。因为它启动速度快,并且开发者工具非常强大。
第二步:准备一个 html 文件,就像刚开始那个例子一样。
第三步:新建一个 .js 文件,把你的 .js 文件引入到 html 中
第四步:再把 html 文件通过 chrome 打开。
WARNING
如果遇到任何问题,你要耐心寻找答案。初级编程有点像侦探游戏,需要在各个环节寻找线索。 chrome 浏览器中 F12 是开发者工具的启动键,你现在按下试试看!