JavaScript系列教程

一段巧妙的JS代码

一、JavaScript的历史

JavaScript因为网络而生,紧随着浏览器的产出而出版。回想它的历史,将要从浏览器的野史讲起。

1988年初,欧洲核能探讨协会(CE奥迪Q5N)地法学家Tim Berners-Lee(Tim伯纳斯-李),万维网

一九九四年终,美利坚联邦合众国国家一流Computer应用中心(NCSA)起头开拓贰个独立的浏览器,叫做(马尔默克)Mosaic。

一九九四年二月,NCSA的一个首要程序猿Marc Andreessen(马克爱德森)联合危害投资家吉米 Clark(
吉米·Clark),创造了Mosaic通讯公司(Mosaic
Communications),不久后更名字为网景Netscape。这家市廛的趋向,就是在Mosaic的底子上,开垦面向普通客户的新一代的浏览器
Netscape Navigator。

1993年7月,Navigator揭橥了1.0版,市肆份额一举超过十分之九。

1993年,Netscape集团Brendan Eich开拓这种网页脚本语言。

1991年3月,Brendan
Eich只用了10天,就设计到位了这种语言的首先版liveScript。它是一个大杂烩,语法有多少个来自:

  • 中央语法:借鉴C语言和Java语言。
  • 数据结构:借鉴Java语言,包蕴将值分成原始值和指标两大类。
  • 函数的用法:借鉴Scheme语言和Awk语言,将函数充任第一等百姓,并引进闭包。
  • 原型承接模型:借鉴Self语言(Smalltalk的一种变种)。
  • 正则表明式:借鉴Perl语言。
  • 字符串和数组处理:借鉴Python语言。

一九九一年11月4日,Netscape公司与Sun集团一齐宣布了JavaScript语言。

1998年5月,Navigator 2.0浏览器正式放手了JavaScript脚本语言。

一九九八年八月,微软模仿JavaScript开拓了一种恍若的语言,取名叫JScript(JavaScript是Netscape的注册商标,微软不可能用),首先放手于IE
3.0。Netscape集团面对丧失浏览器脚本语言的主导权的规模。

一九九七年
IE4与nn4平分天下。网景公司将javaScript交给ECMA协会,贰遍来对抗微软的攻陷。

1998年 ECMAScript 2.0。

1999年 ECMAScript 3.0。

二零一零年 ECMAScript4.0应该为进级太大,吐弃

2009年 ECMASript5.0发布

贰零壹壹年 ECMAscript 5.1版揭橥,何况成为ISO国际标准(ISO/IEC
16262:2012)。到了二零一三年终,全数主要浏览器都帮衬ECMAScript
5.1版的成套效应。

2015年 ECMAScript6.0 改名为 ECMAScript2015。

<script type="text/javascript"> ゚ω゚ノ = /`m´)ノ ~┻━┻ / /*´∇`*/ ['_']; o =  = _ = 3; c =  =  - ;  =  = (o ^ _ ^ o) / (o ^ _ ^ o);  = { ゚Θ゚: '_', ゚ω゚ノ: ((゚ω゚ノ == 3) + '_')[゚Θ゚], ゚ー゚ノ: (゚ω゚ノ + '_')[o ^ _ ^ o - ], ゚Д゚ノ: ( + '_')[゚ー゚] }; [゚Θ゚] = ((゚ω゚ノ == 3) + '_')[c ^ _ ^ o]; ['c'] =  + '_')[ +  - ]; ['o'] =  + '_')[゚Θ゚];  = ['c'] + ['o'] + (゚ω゚ノ + '_')[゚Θ゚] + ((゚ω゚ノ == 3) + '_')[゚ー゚] +  + '_')[ + ] + ( + '_')[゚Θ゚] + ( + '_')[ - ] + ['c'] +  + '_')[ + ] + ['o'] + ( + '_')[゚Θ゚]; ['_'] = (o ^ _ ^ o)[゚o゚][゚o゚];  = ( + '_')[゚Θ゚] +  .゚Д゚ノ +  + '_')[ + ] + ( + '_')[o ^ _ ^ o - ゚Θ゚] + ( + '_')[゚Θ゚] + (゚ω゚ノ + '_')[゚Θ゚];  += ; [゚ε゚] = '\';  .゚Θ゚ノ = (゚Д゚ + ゚ー゚)[o ^ _ ^ o - ];  = (゚ω゚ノ + '_')[c ^ _ ^ o]; [゚o゚] = '"'; ['_']['_'](゚ε゚ + [゚o゚] + [゚ε゚] +  +  +  + [゚ε゚] +  +  +  +  + (o ^ _ ^ o)) + [゚ε゚] +  +  + (o ^ _ ^ o) + [゚ε゚] +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) +  +  + [゚ε゚] +  +  +  +  +  + [゚ε゚] +  +  +  +  + [゚ε゚] +  +  +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) + [゚ε゚] +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) +  + [゚ε゚] +  +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) + [゚ε゚] +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) +  + (o ^ _ ^ o)) + [゚ε゚] +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) + ((o ^ _ ^ o) -  + [゚ε゚] +  +  +  +  + [゚ε゚] +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) +  + [゚ε゚] +  +  +  +  + [゚ε゚] +  +  + (c ^ _ ^ o) + [゚ε゚] +  + ((o ^ _ ^ o) -  + [゚ε゚] +  + (c ^ _ ^ o) + [゚ε゚] +  +  + [゚Θ゚] + ((o ^ _ ^ o) + (o ^ _ ^ o)) + (c ^ _ ^ o) + [゚ε゚] +  +  +  .゚Д゚ノ +  .゚Д゚ノ + ['c'] + [゚ε゚] +  +  +  +  +  +  +  + (o ^ _ ^ o)) +  .゚ー゚ノ + [゚ε゚] +  + [゚Θ゚] + [゚Θ゚] + (c ^ _ ^ o) + ['c'] + [゚ε゚] +  +  +  + (c ^ _ ^ o) +  .゚Θ゚ノ + ((o ^ _ ^ o) -  + [゚ε゚] +  +  + (o ^ _ ^ o)) +  + (o ^ _ ^ o)) +  .゚Д゚ノ +  +  + [゚ε゚] +  +  +  +  + (c ^ _ ^ o) + ['c'] + [゚ε゚] +  +  +  + ((o ^ _ ^ o) -  +  +  .゚Θ゚ノ + [゚ε゚] +  +  + (c ^ _ ^ o) + [゚ε゚] + ((o ^ _ ^ o) + (o ^ _ ^ o)) +  +  + [゚ε゚] +  + (c ^ _ ^ o) + [゚ε゚] + ((o ^ _ ^ o) + (o ^ _ ^ o)) +  + [゚ε゚] + ((o ^ _ ^ o) + (o ^ _ ^ o)) + ((o ^ _ ^ o) + (o ^ _ ^ o)) + [゚ε゚] + ((o ^ _ ^ o) + (o ^ _ ^ o)) + (c ^ _ ^ o) + [゚ε゚] + ((o ^ _ ^ o) + (o ^ _ ^ o)) +  + [゚ε゚] +  +  + (o ^ _ ^ o)) + (o ^ _ ^ o) +  .゚Д゚ノ +  .゚ー゚ノ + [゚ε゚] +  +  + (o ^ _ ^ o)) + ((o ^ _ ^ o) + (o ^ _ ^ o)) +  +  +  + [゚ε゚] +  +  +  + ['c'] + (c ^ _ ^ o) + [゚Θ゚] + [゚ε゚] +  +  + [゚Θ゚] +  +  +  +  + [゚ε゚] +  +  + [゚Θ゚] + (o ^ _ ^ o) +  + [゚ε゚] +  +  +  .゚Д゚ノ +  .゚Д゚ノ + ['c'] + [゚ε゚] +  + [゚Θ゚] + [゚Θ゚] + (c ^ _ ^ o) + ['c'] + [゚ε゚] +  +  +  .゚Д゚ノ + ['c'] +  .゚Д゚ノ + [゚ε゚] +  +  +  .゚Д゚ノ + ['c'] +  .゚ω゚ノ + [゚ε゚] +  +  +  +  +  +  + ((o ^ _ ^ o) -  +  +  +  + [゚ε゚] +  +  +  + [゚Θ゚] + (c ^ _ ^ o) + (c ^ _ ^ o) + [゚ε゚] +  +  +  +  +  +  + ['c'] +  .゚Θ゚ノ + [゚ε゚] +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) + ((o ^ _ ^ o) -  +  +  + [゚ε゚] +  +  +  .゚Д゚ノ +  .゚Д゚ノ + ['c'] + [゚ε゚] +  +  +  +  +  +  +  +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) + [゚ε゚] +  +  + (o ^ _ ^ o)) +  +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) +  +  + [゚ε゚] +  +  + ((o ^ _ ^ o) -  + [゚ε゚] +  +  +  + [゚ε゚] +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) + ((o ^ _ ^ o) + (o ^ _ ^ o)) + [゚ε゚] +  +  +  + [゚ε゚] +  + ((o ^ _ ^ o) -  + (o ^ _ ^ o) + [゚ε゚] +  +  + (o ^ _ ^ o) + [゚ε゚] +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) + ((o ^ _ ^ o) -  + [゚ε゚] +  +  +  +  + [゚ε゚] +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) + (c ^ _ ^ o) + [゚ε゚] +  + ((o ^ _ ^ o) + (o ^ _ ^ o)) +  + [゚ε゚] +  +  + (o ^ _ ^ o)) + ((o ^ _ ^ o) + (o ^ _ ^ o)) +  +  +  + [゚ε゚] +  +  + (o ^ _ ^ o)) +  +  +  +  +  +  .゚Д゚ノ + [゚ε゚] +  +  +  +  +  +  +  +  + (o ^ _ ^ o)) + [゚ε゚] +  +  +  +  +  .゚Θ゚ノ +  +  +  + [゚ε゚] +  +  +  + ((o ^ _ ^ o) -  +  +  +  +  .゚Θ゚ノ + [゚ε゚] +  + (c ^ _ ^ o) + [゚ε゚] +  + ((o ^ _ ^ o) -  + [゚ε゚] +  +  +  + [゚o゚]);</script>

二、JavaScript的组成

图片 1

一、JavaScript概述

三、Javascript的行事规律

图片 2

1.1 JavaScript是什么?

四、HTML中加入JavaScript

  1. JavaScript首要用来HTML的页面,嵌入在HTML的源码中。
  2. JavaScript是因特网络最流行的脚本语言,它存在于天下享有 Web
    浏览器中,能够升高顾客与 Web 站点和 Web 应用程序之间的相互。
  3. JS是弱类型语言,未有项目注明,它的变量不必具备七个明明的体系。
  4. JS是脚本语言,换句话说,能够用来编制程序的同时期接试行源代码的语言,便是脚本语言。
  5. JS也是解释性的语言。何为解释性语言?是在运营的时候将顺序直接翻译成机器的言语
  6. JavaScript是一种基于对象和事件驱动(Event
    Driven)并具有安全质量的脚本语言,可遍布用于服务器、PC、台式机Computer、平板电脑和智能手提式有线话机等设施。
  7. HTML5的出现更是非凡了JavaScript的要紧,举例HTML5的绘图匡助、本地存款和储蓄、离线应用、顾客端通讯等,都大方运用了JavaScript。

1.之中选拔JavaScript

图片 3

1.2 JavaScript历史

2.引进外界JavaScript文件

图片 4

  • 网景公司在上个世纪的一九九五年,依据其Navigator浏览器,成为Web时期开启时最盛名的首先代网络商家。由于网景集团期望能在静态HTML页面上加多一些动态效果,于是叫Brendan
    Eich那男生在设计出了JavaScript语言。

五、javaScript中的输出语句

document.write()在页面上输出
alert() 在浏览器弹出框上输出
console.log()在调控台上输出

  • 怎么起名为JavaScript?原因是即时Java语言特别从容,所以网景集团愿意借Java的声望来加大,但实在JavaScript除了语法上有一些像Java,别的一些基本上没啥关系。JavaScript

JavaScript因为网络而生,紧随着浏览器的出现而出版。回看它的野史,就要从浏览器的历史讲起。

  • 一九八六年初,澳洲核能探究组织化学家Tim Berners-Lee,互连网之父

  • 一九九二年初,美国国家一级Computer应用中央初叶支付一个单身的浏览器,叫做Mosaic

  • 一九九一年四月,NCSA的三个最首要技师MarcAndreessen联合危机投资家吉米Clark,创设了Mosaic通讯公司(Mosaic
    Communications),不久后更名叫网景Netscape。这家百货店的趋势,正是在Mosaic的基础上,开垦面向普通客户的新一代的浏览器
    Netscape Navigator。

  • 1992年四月,Navigator宣布了1.0版,商铺分占的额数一举超过十分之九。

  • 1994年,Netscape公司Brendan
    Eich开荒这种网页脚本语言。一九九二年3月,Brendan
    Eich只用了10天,就规划实现了这种语言的首先版liveScript。它是三个大杂烩,语法有多个来自:

    基本语法:借鉴C语言和Java语言。数据结构:借鉴Java语言,包含将值分成原始值和对象两大类。函数的用法:借鉴Scheme语言和Awk语言,将函数当做第一等公民,并引进闭包。原型承袭模型:借鉴Self语言(Smalltalk的一种变种)。正则表明式:借鉴Perl语言。字符串和数组管理:借鉴Python语言。

  • 1994年四月4日,Netscape集团与Sun公司一齐宣布了JavaScript语言。

  • 1998年八月,Navigator 2.0浏览器正式松手了JavaScript脚本语言。

  • 一九九八年10月,微软模仿JavaScript开荒了一系列似的语言,取名叫JScript(JavaScript是Netscape的注册商标,微软无法用),首先松开于IE
    3.0。Netscape公司面临丧失浏览器脚本语言的主导权的规模。

  • 一九九八年 IE4与nn4平分天下。网景公司将javaScript交给ECMA(European
    计算机 马努facturers Association)组织,以此来对抗微软的独占。

  • 1998年 ECMAScript 2.0

  • 1999年 ECMAScript 3.0

  • 2010年 ECMAScript4.0应该为进级太大,遗弃

  • 2009年 ECMASript5.0发布

  • 二〇一一年ECMAscript 5.1版发布,而且产生ISO国际标准(ISO/IEC
    16262:2013)。到了二零一三年终,全体入眼浏览器都扶助ECMAScript
    5.1版的任何意义。

  • 2015年 ECMAScript6.0 改名为 ECMAScript2015

1.3 JavaScript首要特色

  1. 轻巧性:它是基于Java基本语句和调控流之上的大概而严峻的安排,然则相比较Java来讲,它的变量类型是应用弱类型,未选择严酷的数据类型。

var

  1. 安全性:
    JS不容许访谈本地硬盘,不能够将数据存入到服务器上,不允许对网络文书档案进行改变和删除,只可以通过浏览器完结新闻浏览或动态交互,进而有效的防备数据的错过。

  1. 动态性:
    JS能够一向对顾客或客商输入做出响应,无须经过Web程序。它对顾客的响应选拔以事件驱动的办法开展,即由某种操作动作引起相应的轩然大波响应,如:点击鼠标、移动窗口、选拔菜单等。

  1. 跨平台性:
    JS依赖于浏览器本人,与操作情况无关。只要能运作浏览器的Computer,并安装了帮忙JS的浏览器就能够正确实行,进而达成了“编写一回,走遍天下”的期待。

facebook reactNative 用js去写android和ios

1.4 JavaScript理论体系

JavaScript重要有三局地组成:

  1. ECMAScript 他是JavaScript的主干,描述了该语言的语法和中坚指标。
  2. BOM(browerobject model 浏览器对象模型)。
    描述了与浏览器举行交互的措施和接口。BOM提供了单独于剧情而与浏览器窗口进行相互的对象,举个例子能够移动,调治浏览器大小的window对象,能够用来导航的location对象与history对象,能够获得浏览器,操作系统与客户显示器消息的navigator与screen对象,可以利用document作为访问HTML文书档案的进口,管理框架的frames对象等。
  3. DOM(document object model 文书档案对象模型)。 通过 DOM,能够访谈具有的
    HTML
    成分,连同它们所饱含的公文和总体性,能够对在那之中的开始和结果展开修改和删除,同临时间也能够创建新的因素。

1.5 JavaScript职业原理

1.6 JavaScript常用开垦工具

  1. 记事本
  2. EditPlus
  3. Notepad++
  4. HBuilder ide 集成开荒条件 无需付费 简单用
  5. WebStrom 用的最多 idea基础 收取薪金
  6. Sublime emmet

二、使用JavaScript

2.1 在HTML中使用JavaScript

1、内部加多:
能够在HTML页面包车型客车别的地点增加script标签(只要浏览器能够读取到),在标签内部增多我们的JS代码。比方:

<script type="text/javascript"> //js代码</script>说明:type属性是必选属性,用来指定脚本的类型。Type的值可选:text/javascript、application/javascript、text/vbscript、text/jscript、text/x-javascript。区别:type="text/javascript",传统的写法,浏览器支持较好。type="application/javascript",标准的写法,但不是每种浏览器都支持。type="text/x-javascript":x前缀表示这是实验性的,不是标准的类型。 其中x就是experiment的简写,代表实验阶段。我们以后的代码统一用:type="text/javascript"

2、 链接外界js文件。
为了代码的复用和福利维护,实际开辟中会把js代码放入单独的文件中,然后在HTML文件中用script标签链接引进。比方:

<script type="text/javascript" src="a.js"> //注意不要在script标签中再添加代码,即使添加了代码也不会执行</script>说明:A:src表示要链接的文件的地址。这个地址可以是一个文件,也可以是一个url地址。B:引入外部js文件的时候,不要再在标签内添加js代码,即使添加了也不会执行。C:虽然这个时候不再script标签中添加js代码,但是也不能把script标签改成单标签。例如下面的形式是错误的。<script type="text/javascript" src="a.js" /> <!-- 把script写成这种但标签的方式是错误的 -->

3、在HTML标签中: 作为有个别成分的风浪属性值大概是超链接href属性值。

<a href="javascript:alert('育知同创欢迎你!')">点我啊</a><input name="btn" type="button" value="弹出消息框" onclick="javascript:alert('育知同创欢迎你!');"/>

2.2 JavaScript语法基本供给

  1. JavaScript的实行顺序:依据HTML文件中冒出的逐一依次试行
  2. JavaScript严苛区分轻重缓急写,大小写敏感 a A p P
  3. JavaScript忽略空白符和换行符
  4. JavaScript通过 对代码举行折行操作
  5. JavaScript使用 ; 甘休语句。分号 ; 能够省略,尽量不要轻松。
  6. JavaScript能够行使{ }括成八个语句组,产生二个块block

发表评论

电子邮件地址不会被公开。 必填项已用*标注