Javascript入门

JavaScript入门01

• 入门级：会做一些简单的效果，比如轮播图效果、相册,浮动布局,和按钮点击事件
• 深入学习时：可以创建 游戏、2d动画、3d图像、数据库驱动的综合应用程序以及更多。
  JavaScript本身是非常简洁却非常灵活的。开发者们编写了非常多的工具补充JavaScript语言功能。使得花最小的代价获得大量额外功能。这些功能包括：
• 应用编程接口 (APIs) 。内置于浏览器中提供像动态编写 HTML 和 CSS ，抓取操控用户摄像头的数据流和操作3D图像和音频样品。
• 第三方 APIs 允许开发者将其他公司网站如 Twitter 或 Facebook 与自己的网站合并功能。
• 第三方框架和库，你可以使用你的 HTML 来快速编写网站和应用。

<script> 标签放的位置问题

• 我们将 <script> 元素放在 HTML 文件底部的原因是，浏览器解析 HTML 似乎按照代码出现的顺序来的。如果 JavaScript被首先读取，它也应该影响下面的 HTML，但有时会出现问题，因为 JavaScript 会在 HTML 之前被加载，如果 JavaScript 代码出现问题则 HTML 不会被加载。所以将 JavaScript 代码放在底部是最好的选择。

定义一个变量之后，可以赋予它一个值:

var myVar;
myVar='zhang';

可以通过变量名检索变量:

myVar

可以将定义和赋值写在2一行:

 var myVar='zhang';

给变量赋值之后，可以改变变量的值:

 var myVar='zhang';
  myVar='wang';

变量有不同的数据类型:

// String 字符串类型，一段文本；要 只是变量是字符串，必须用引号包裹起来
var myVar='zhang';

 //Number 数字类型 ，是一个数字
 var myVar=168;

//Boolean 布尔型，一个True/False(真/假)
var myVar=true;

//Array 数组类型，一种允许存储多个值在一个引用里的结构
 var myVar=[1,10,'zhang'];
 //调用数组的元素：
 myVar[0];myVar[1];//等等

 //Object 对象类型，基本上javascript里的任何东西都是对象，而且都可以被存储在变量里。
 var myVar=document.querySelector('h1');   //这是一个对象