javaScript基础介绍

前言一：javascript历史背景介绍

 

　　布兰登 • 艾奇（Brendan Eich，1961年～），1995年在网景公司，发明的JavaScript。

　　一开始JavaScript叫作LiveScript，可是因为当时Java这个语言特别火，因此为了傍大牌，就更名为JavaScript。如同“北大”和“北大青鸟”的关系。“北大青鸟”就是傍“北大”大牌。

　　同时期还有其余的网页语言，好比VBScript、JScript等等，可是后来都被JavaScript战胜了，因此如今的浏览器中，只运行一种脚本语言就是JavaScript

前言二：javascript的悲催发展史

　　说到javascript，你们应该都不陌生，可是咱们如今要了解的是它的发展史

　　javascript是一种直译式 的脚本语言，是一种动态类型，弱类型，基于原型的语言，内置支持类型。

　　最开始他的诞生是由于须要处理服务器的一些表单验证，好比说在之前注册的时候并不会像如今同样，之前不会提示你用户名已经被注册，因此之前你认认真真的填了慢慢的信息，点一个提交要等个十几分钟，最后弹出来一个窗口告诉你用户名已经被注册了，而后一刷新，你以前填的东西全没了。。。。。。。。

　　1995年，javascript由Netscape公司的Brendan Eich，在网景浏览器首次设计实现而成。当时他被叫作livescript。但当时java很是火，因此他想借机传播本身，因而更名改称为javascript，可是呢和java没有半毛钱关系。

　　javascript1.0一通过推出，便得到了巨大的成功，Netscape随后又推出了一系列的版本，在当时市面上有三种js的版本，IE的JScript，网景的javaScript，script Ease的CEnvi。但是javascript毕竟是公司开发的，规范性的问题渐渐暴露出来。

　　最后由EMCA（欧洲计算机制造协会）进行标准化，这里说下EMCAscript不等于javascrpt。

　　自此后javascript一统江湖。

　　那你觉得javascript就此走上了人生巅峰了吗？

　　不不不，在2003年之前，javascript有个外号叫“牛皮癣”，可谓是臭名远扬。这个比喻仍是比较生动的，当时什么浮动广告，小广告，小弹窗啊都是他的杰做，一谈起javascript，那简直就是祸害。

　　可是是金子总会发光的。

　　2004年的，js的命运被改变，当时的谷歌公司开始重视Ajax。什么是Ajax，举个例子，好比咱们想在网上差个信息，都会有下拉的提示，经过异步交互技术完成。

　　2007年，乔布斯推出第一代苹果手机，打开了手机开启桌面级浏览器新时代，js迎来了他自出生而来的重大转折点。

　　2010年，推出了html3的画布功能。工程师能够在canvas进行游戏制做，现在开始流行webapp，用页面技术开发手机应用，javascript也算是走上了人生巅峰。

　　Javascript，从“最被误解的语言”，最后神奇地转变成为“最流行的语言”，证实它经受得起时间的考验。虽然单独来看，它的交互设计有些失败，可是加上Ajax的完美配合，javascript就成了一款轻便而且又实用的好语法。

前言三：为何要学习javascript

　　JavaScript是世界上最流行的脚本语言，由于你在电脑、手机、平板上浏览的全部的网页，以及无数基于HTML5的手机App，交互逻辑都是由JavaScript驱动的。

　　简单地说，JavaScript是一种运行在浏览器中的解释型的编程语言。

　　那么问题来了，为何咱们要学JavaScript？尤为是当你已经掌握了某些其余编程语言如Java、C++的状况下。

　　简单粗暴的回答就是：由于你没有选择。在Web世界里，只有JavaScript能跨平台、跨浏览器驱动网页，与用户交互。

　　Flash背后的ActionScript曾经流行过一阵子，不过随着移动应用的兴起，没有人用Flash开发手机App，因此它目前已经边缘化了。相反，随着HTML5在PC和移动端愈来愈流行，JavaScript变得更加剧要了。而且，新兴的Node.js把JavaScript引入到了服务器端，JavaScript已经变成了全能型选手。

　　JavaScript一度被认为是一种玩具编程语言，它有不少缺陷，因此不被大多数后端开发人员所重视。不少人认为，写JavaScript代码很简单，而且JavaScript只是为了在网页上添加一点交互和动画效果。

　　但这是彻底错误的理解。JavaScript确实很容易上手，但其精髓却不为大多数开发人员所熟知。编写高质量的JavaScript代码更是难上加难。

　　一个合格的开发人员应该精通JavaScript和其余编程语言。若是你已经掌握了其余编程语言，或者你还什么都不会，请马上开始学习JavaScript，不要被Web时代所淘汰。

一，javaScrpt是什么？　　　

　　javascript由于兼容于ECMA标准，所以也称为ECMAScript。JavaScript做为一种脚本语言，已经被普遍地应用于Web页面当中，经过嵌入HTML来实现各类酷炫的动态效果，为用户提供赏心悦目的浏览效果。除此以外，也能够用于控制cookies以及基于Node.js技术进行服务器端编程。

　　javascript是甲骨文公司的注册商标，完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型和浏览器对象模型。发展初期，JavaScript的标准并未肯定，同期有Netscape的JavaScript，微软的JScript和CEnvi的ScriptEase三足鼎立。1997年，在ECMA(欧洲计算机制造商协会)的协调下，由Netscape、Sun、微软、Borland组成的工做组肯定统一标准：ECMA-262。

　　javaScript是一种web前端的描述语言，也是一种基于对象（object）和事件驱动（Event Driven）的、安全性好的脚本语言。

　　它运行在客户端从而减轻服务器的负担。

　　JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可普遍用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

javaScript的特色：

1. javaScript主要用来向html页面中添加交互行为
2. javaScript是一种脚本语言，语法和c语言系列语言的语法相似，属弱语言类型。
3. javaScript通常用来编写客户端脚本，如node.js例外。
4. javaScript是一种解释型语言，边执行边解释无需另外编译。
5. javascript是一种轻量级别的编程语言
6. javascript是可插入HTML页面的编程代码
7. javascript插入HTML页面后，可由全部的现代浏览器执行

二，javaScript的用途是什么？

　　javaScript的用途是解决页面交互和数据交互，最终目的是丰富客户端效果以及数据的有效传递。

1. 实现页面交互，提高用户体验实现页面特效。即js操做html的dom节构或操做样式。
2. 客户端表单验证即在数据送达服务端以前进行用户提交信息即时有效地验证，减轻服务器压力。即数据交互。

三，javaScrpit和ECMAScript的关系是什么？

咱们会有这个问题，咱们先了解下什么是ECMAScript吧！

　　ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）制定的标准。

　　JavaScript是由公司开发而成的，问题是不便于其余的公司拓展和使用。因此欧洲的这个ECMA的组织，牵头制定JavaScript的标准，取名为ECMAScript。

　　简单来讲，ECMAScript不是一门语言，而是一个标准。符合这个标准的比较常见的有：JavaScript、Action Script（Flash中用的语言）。就是说，你JavaScript学完了，Flash中的程序也就垂手可得了。

　　ECMAScript在2015年6月，发布了ECMAScript 6版本，语言的能力更强（也包含了不少新特性）。可是，浏览器的厂商不能那么快去追上这个标准。

　　ECMAScript是脚本程序设计语言的web标准。

　　javaScript和ECMAScript的关系：

　　ECMAScript是欧洲计算机制造商协会，基于美国网景通信公司的Netscape发明的javaScript和Microsoft公司随后模仿javaScript推出JScript脚本语言制定了ECMAScript标准

四，javaScript由哪几部分组成？

ECMAScript、DOM、BOM

五，开发工具介绍

前端经常使用开发工具：sublime、visual Studio Code、HBuilder、Webstorm。

那么你们使用的PCharm跟WebStorm是JetBrains公司推出的编辑工具，开发阶段建议使用。

Visual Studio Code

微软出的Visual Studio Code，能够看作迷你版Visual Studio，免费！跨平台！内置JavaScript支持，强烈推荐使用！

SublimeText

Sublime Text是一个好用的文本编辑器，免费，但不注册会不定时弹出提示框。

Notepad++

Notepad++也是免费的文本编辑器，但仅限Windows下使用。

注意：不能够用Word或写字板来编写JavaScript或HTML，由于带格式的文本保存后不是纯文本文件，没法被浏览器正常读取。也尽可能不要用记事本编写，它会自做聪明地在保存UTF-8格式文本时添加BOM头。

 六，javascript入门易学

• JavaScript对初学者比较友好。

• JavaScript是有界面效果的（好比C语言只有白底黑字）。

• JavaScript是弱变量类型的语言，变量只须要用var来声明。而Java中变量的声明，要根据变量的类型来定义。

好比Java中须要定义以下变量：

 int a;
    float a;
    double a;
    String a;
    boolean a;

　　而JavaScript中，只用定义一个变量：

 var a;

　　

• JavaScript不用关心其余的一些事情（好比内存的释放、指针等），更关心本身的业务。

七，javascript是前台语言

　　JavaScript是前台语言，而不是后台语言。

　　JavaScript运行在用户的终端网页上，而不是服务器上，因此咱们称为“前台语言”。JavaScript就是一个简单的制做页面效果的语言，就是服务于页面的交互效果、美化、绚丽、不能操做数据库。

　　后台语言是运行在服务器上的，好比PHP、ASP、JSP等等，这些语言都可以操做数据库，都可以对数据库进行“增删改查”操做。Node.js除外。

八，javascript的组成

JavaScript基础分为三个部分：

• ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。

• DOM：操做网页上的元素的API。好比让盒子移动、变色、轮播图等。

• BOM：操做浏览器部分功能的API。好比让浏览器自动滚动。

PS：JS机械重复性的劳动几乎为0，基本都是创造性的劳动。而不像HTML、CSS中margin、padding都是机械重复劳动。

九，javascript的特色

（1）简单易用：可使用任何文本编辑工具编写，只须要浏览器就能够执行程序。

（2）解释执行（解释语言）：事先不编译、逐行执行、无需进行严格的变量声明。

（3）基于对象：内置大量现成对象，编写少许程序能够完成目标

十，javascript能够作什么？

　　用JavaScript能够作许多事情，使网页更具交互性，给站点的用户提供更好、更使人兴奋的体验。JavaScript使你能够建立活跃的用户界面，当用户在页面间导航时向他们提供反馈。例如，你可能在一些站点上见过在鼠标指针停留时突出显示的按钮。这是用JavaScript实现的，使用了一种称为翻转器（rollover）的技术 可使用JavaScript确保用户在表单中输入有效的信息，这能够节省你的业务时间和开支。若是表单须要进行计算，那么能够在用户机器上的JavaScript中完成，而不须要任何服务器端处理。你应该知道一种区分程序的方式：在用户机器上运行的程序称为客户端（client-side）程序；在服务器上运行的程序（包括后面要讨论的CGI）称为服务器端（server-side）程序。 可使用JavaScript根据用户的操做即时建立定制的HTML页面。假设你正在运行一个旅行指南站点，用户点击夏威夷做为旅游目的地。你能够在一个新窗口中显示最新的夏威夷旅游指南。JavaScript能够控制浏览器，因此你能够打开新窗口、显示警告框以及在浏览器窗口的状态栏中显示定制的消息。JavaScript有一套日期和时间特性，能够生成时钟、日历和时间戳文档。 JavaScript还能够处理表单、设置cookie、即时构建HTML页面以及建立基于Web的应用程序。

十一，javascript不能作什么？

JavaScript是一种客户端（client-side）语言；也就是说，设计它的目的是在用户的机器上执行任务，而不是在服务器上。所以，JavaScript有一些固有的限制，这些限制主要出于安全缘由：

• 1.JavaScript不容许读写客户机器上的文件。这是有好处的，由于你确定不但愿网页可以读取本身硬盘上的文件，或者可以将病毒写入硬盘，或者可以操做你计算机上的文件。惟一的例外是，JavaScript能够写到浏览器的cookie文件，可是也有一些限制
• 2.JavaScript不容许写服务器机器上的文件。尽管写服务器上的文件在许多方面是很方便的（好比存储页面点击数或用户填写的表单数据），可是JavaScript不容许这么作。相反，须要用服务器上的一个程序处理和存储这些数据。这个程序能够是用Perl或PHP等语言编写的CGI或Java程序。
• 3.JavaScript不能关闭不是由它本身打开的窗口。这是为了不一个站点关闭其余任何站点的窗口，从而独占浏览器。
• 4.JavaScript不能历来自另外一个服务器的已经打开的网页中读取信息。换句话说，网页不能读取已经打开的其余窗口中的信息，所以没法探察访问这个站点的冲浪者还在访问哪些其余站点。

咱们的第一个脚本：最经典的HelloWorld程序!

<script type="text/javascript">
        document.write("<h2>Hello,JavaScriptWorld!</h2>");
</script>