JavaScript学习_第1章_概述
本章目录
1.JS入门介绍
2.JS的运行环境
3.JS的调试
入门
--什么是JavaScript
JavaScript是一种基于对象和事件驱动的客户端脚本语言。
JavaScript最初的设计是为了检验HTML表单输入的正确性。
--JavaScript的组成
完整的JavaScript是由ECMAScript（语法）、Browser Objects（DOM、BOM）（特性）组成的。
上图是JavaScript的组成图示，箭头代表调用关系。
--JavaScript和Java有何关系
与雷锋和雷锋塔的关系一样。
--Java 有没有类似于JavaScript的应用？
有，Java applet。它是Java写的小应用程序，可以嵌入到网页页面中做网页特效，效果比JavaScript要好。但它有个缺点导致了它没有JavaScript应用要广，就是使用Java applet需要Java虚拟机才能工作，windows默认是没装java虚拟机的，所以对于用户而言需要先安装java虚拟机才能用applet，是比较麻烦的。
applet一般应用在公司内部网站上，它的强大功能能做很多应用(比如OA系统)，而且公司要求员工安装Java虚拟机也是没有问题的。
--JavaScript的特点
JavaScript是弱类型语言(Java是强类型)，是基于对象的(Java是面向对象的)，是解释执行的(Java是编译执行的)。
所谓基于对象就是只有对象的形式，没有面向对象的封装，继承，多态。
--JavaScript的作用
在网页中编写特效。是在浏览器中解释执行的特效。
--学习JavaScript的步骤
- 先学JavaScript语言本身;
- 再学DOM和BOM;
- 最后学JQuery.
--浏览器兼容问题
和html一样，JavaScript也存在浏览器兼容问题（同一段代码，在不同浏览器显示效果可能有差别）。
--JS代码出错会造成什么影响？
对页面中html代码的运行没有影响，但会造成该页面后面部分所有JS代码都不能被解释。
--所谓解释执行的含义
解释执行，就是从上到下，一行一行的解释，执行。
对于JS，如果在某一步停下了（比如遇到alert()语句），下面的也就停了。
--同一个页面中的多段JS代码
这些代码即使在不连续也是相通的，在一段代码定义的变量，下面其他段也是可以用的。（因为是相通的，所以在命名变量、函数时不要重名）
除非不得已，尽量把JS代码都提出来到一起。
运行环境
浏览器默认都带有JS的解析器。
--JS代码如何加入到html页面中：
- 使用<script></script>标签将JS语法嵌入到html代码中的，例如：
- <html>
- <head>
- <title>JavaScript测试页</title>
- </head>
- <body>
- <script language = "javascript" type = "text/javascript">
- function demo(){}
- </script>
- </body>
- </html>
script标签可以在html代码的很多位置，甚至可以在html标签外面写。但就是不能嵌套到css标签里面，也不能嵌套在标签的属性里面(比如<p <script>alert("111");</script>>ddd</p>是不行的)，所有script标签必须放到能放标签的合理位置。
可以有多个script标签，每一个之间都是有关联的。
- <a href="javascript:JS代码">或<form action="javascript:JS代码">，以标签属性的方式内敛到标签中，例如
- <a href="javascript:JS代码">a标签内容</a>
注意：除了<a>标签，<form>标签能以"javascript:JS代码"的形式加入JS代码外，所有标签都能以某种方式（事件驱动的方式）内敛JS代码到属性中。
- 外部独立的JS文件，链入html代码中，JS文件名通常是"文件名.js "。例如：
- <script src="js文件所在目录/js文件名"><script>
在哪都可以链入外部文件。
因为外部文件导入后就是本页面的内容，所以如果在一个页面中链入多个外部文件，这些文件中的方法、变量是可以共享的。
--JS的执行时机：
JS代码有两种调用时机：
- 顺序执行（比如，普通<script>中的代码就是顺序执行的），解释器执行到一行就运行一行；
- 事件驱动（比如，<a>属性里的JS代码就是事件驱动的），当用户点击a标签后才运行。
--使用外部JS文件的注意事项
- 外部JS有很多资源是可以在网上下载的（比如网页中类似于word的ck编辑器，比如日历插件）。
- JS文件的使用是有顺序的（使用变量的文件不能放在定义变量的文件之前），使用时要注意。
- 注意多个JS文件中不能存在变量名冲突（比如发现某个JS文件单独运行好使，和另一个JS文件一起用就有问题，可能就是名字冲突了）。
调试方法
--查看是否有问题：
- 可以用右键打开带有JS代码的html文件(会有提示是否打开含有脚本的页面)；
- 也可以通过web方式打开（没有提示）。
两种方式调试都可以。
如果用ie打开有错误的文件，左下角会有个叹号表示错误。
--输出手段（用于打印测试信息）
- alert("字符串"); //弹出一个只有确定按钮的窗口，窗口内显示字符串的内容。
- document.write("字符串"); //在页面内打印字符串，类似于PhP的echo语句。
注意：JS解释器遇到alert()语句后，会停止执行，直到用户点了alert的确认按钮后才会继续。