文盲的 JavaScript 经验谈之一：认识 JavaScript

文盲的 JavaScript 经验谈之一：认识 JavaScript

文盲的 JavaScript 经验谈之二：了解一下浏览器对 JS 的处理

文盲的 JavaScript 经验谈之三：认识 arguments

文盲的 JavaScript 经验谈之四：在 JS 中使用闭包

---

写在文章之前：
    首先声明，这里写的内容不是一个教程，如果想系统的学习 JS ，还请看其他教程，这里只是文盲自己的一些心得体会。这里不会系统的讲解 JS 的一些基础知识，只是讲述文盲自己的理解。文中的谬误之初还请大家多多提醒。

-------------------------------------------------------------------------------------------------------
认识 JavaScript ：
  

JavaScript 是Netscape公司与Sun公司合作开发的。在JavaScript出现之前，Web浏览器不过是一种能够显示超文本文档的软件的基本部分。而在 JavaScript出现之后，网页的内容不再局限于枯燥的文本，它们的可交互性得到了显著的改善。JavaScript的第一个版本，即 JavaScript 1.0版本，出现在1995年推出的Netscape Navigator 2浏览器中。

在JavaScript 1.0发布时，Netscape Navigator主宰着浏览器市场，微软的IE浏览器则扮演着追赶者的角色。微软在推出IE 3的时候发布了自己的VBScript语言并以JScript为名发布了JavaScript的一个版本，以此很快跟上了Netscape的步伐。

面对微软 公司的竞争，Netscape和Sun公司联合ECMA（欧洲计算机制造商协会）对JavaScript语言进行了标准化。其结果就是 ECMAScript语言，这使得同一种语言又多了一个名字。虽说ECMAScript这个名字没有流行开来，但人们现在谈论的JavaScript实际 上就是ECMAScript。

到了1996年，JavaScript、ECMAScript、JScript——随便你们怎么称呼它，已经站稳了脚跟。Netscape和微软公司在它们各自的第3版浏览器中都不同程度地提供了对JavaScript 1.1语言的支持。

摘自《JavaScript DOM 编程艺术》 

JS 本身单独存在是没有意义的，文盲用一句话来说明 JS 的作用就是：

  JS 通过继承浏览器窗口的属性和事件，用 DOM 的方法来操作，实现页面的动态效果

最简单的例子就是弹出一个提示对话框

 <script>
 alert('欢迎访问文盲的博客');
 </script>

这里的 alert 实际上就是继承自 window 对象的方法，完整的书写应该是 window.alert('欢迎访问文盲的博客');

另一个例子，改变层的显示状态

 <div id="tst">这里是一个层</div>
 <script>
 document.getElementById('tst').style.display = 'none';
 </script>

这里就是使用的 DOM 方法来进行操作的

由此可见，要学习 JS ，对浏览器的认识和对 DOM 的了解是必备的知识。

-------------------------------------------------------------------------------------------------------

浏览器和 DOM 的知识这里就不在单独讲述了，文盲将以几个例子阐述文盲自己的认识

-------------------------------------------------------------------------------------------------------

了解 JS 可以操作的内容及操作方式：

    前面已经讲述了 JS 的最终目的是 实现页面的动态效果，那么基本上浏览器内的内容都可以被 JS 来引用或者说继承，比如

 <script>
 var winA = window.open('','_blank','');
 winA.document.write('<title>这里是一个新开的窗口</title>');
 winA.document.write('<div style="height:100px;width:100px;border:1px solid #CCCCCC;background:#EEEEEE;">A box.</div>');
 </script>

在这里，我们定义了一个变量 winA，而这个变量则是一个引用的 window 对象，这个对象是由 window.open 方法建立的。然后我们通过向 winA 这个对象中输出内容，制作了一个简单的新的页面。

这样，我们就需要理解 JS 中对变量的定义方式；

在 JS 中，变量分为两大体系，一个是值类型，另一个引用类型；

var a = 1;

这里定义的变量 a  就是值类型的

而上述例子中的 winA 就是引用类型的

值类型基本上常用的有数值型(number)、字符串型(string)、布尔型(boolen)、空类型(null)、未定义/未初始化型(undefine)，还有一些不常用的比如 NaN、Infinity 等

引用类型则种类很多，比如常见的日期型(Date())、各种 DOM 对象、数组(Array())、类，以及各种可以被 JS 引用的控件类型

上述的 winA 就是一个 DOM 的对象，具体的说就是一个 window 对象，该对象含有一切一个正常浏览器所包含的各种属性、方法和事件。