廖雪峰JavaScript教程是零基础教程,适合所有小白,开始!
1、什么是JavaScript?
简单理解,JavaScript是一种运行在浏览器中的解释型的编程语言。
2、为什么选择JavaScript?
简单粗暴的答案是:因为你没有选择!在web里,只有JavaScript才能跨平台、跨浏览器驱动网页,与用户交互。
3、JavaScript应该放在什么地方?
JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到<head>
中
由<script>...</script>
包含的代码就是JavaScript代码,它将直接被浏览器执行。
第二种方法是把JavaScript代码放到一个单独的.js
文件,然后在HTML中通过<script src="..."></script>
引入这个文件。
4、有些时候你会看到<script>
标签还设置了一个type
属性,这个是必要的吗?例如
<script type="text/javascript">
...
</script>
这是没有必要的,因为默认的type
就是JavaScript,所以不必显式地把type
指定为JavaScript。
5、如何编写JavaScript?
可以用任何文本编辑器来编写JavaScript代码。这里我们推荐以下几种文本编辑器:
微软出的Visual Studio Code,可以看做迷你版Visual Studio,免费!跨平台!内置JavaScript支持,强烈推荐使用!
注意:不可以用Word或写字板来编写JavaScript或HTML,因为带格式的文本保存后不是纯文本文件,无法被浏览器正常读取。也尽量不要用记事本编写,它会自作聪明地在保存UTF-8格式文本时添加BOM头。
6、如何运行JavaScript?
要让浏览器运行JavaScript,必须先有一个HTML页面,在HTML页面中引入JavaScript,然后,让浏览器加载该HTML页面,就可以执行JavaScript代码。
你也许会想,直接在我的硬盘上创建好HTML和JavaScript文件,然后用浏览器打开,不就可以看到效果了吗?
这种方式运行部分JavaScript代码没有问题,但由于浏览器的安全限制,以file://
开头的地址无法执行如联网等JavaScript代码,最终,你还是需要架设一个Web服务器,然后以http://
开头的地址来正常执行所有JavaScript代码。
7、如何调试JavaScript?
首先,你需要安装Google Chrome浏览器,Chrome浏览器对开发者非常友好,可以让你方便地调试JavaScript代码。从这里下载Chrome浏览器。打开网页出问题的童鞋请移步国内镜像。
安装后,随便打开一个网页,然后点击菜单“查看(View)”-“开发者(Developer)”-“开发者工具(Developer Tools)”,浏览器窗口就会一分为二
先点击“控制台(Console)“,在这个面板里可以直接输入JavaScript代码,按回车后执行。
要查看一个变量的内容,在Console中输入console.log(a);
,回车后显示的值就是变量的内容。
关闭Console请点击右上角的“×”按钮。请熟练掌握Console的使用方法,在编写JavaScript代码时,经常需要在Console运行测试代码。
如果你对自己还有更高的要求,可以研究开发者工具的“源码(Sources)”,掌握断点、单步执行等高级调试技巧。