脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-简单了解JavaScript历史，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

1.Javascript 简介

诞生于1995年，当时的主要目的是处理由以前服务器语言负责的一些没有填写的必填域，是否输入了无效的值。在web日益流行的同时，人们对客户端脚本语言的需求也越来越强烈，那时绝大多数因特网用户使用的速度仅为28.8kbIT/s的猫上网，但网页的大小和复杂性却不断增加，为完成简单的表单验证而与服务器交换数据只会加重用户的负担。

1995年2月 计划在NetscaPE Navigator2浏览器中开发名为LiveSript的脚本语言，同时在浏览器和服务器中使用，为了赶在发布日期前完成LiveScript开发，Netscape和sun公司建立了一个开发联盟，在Netscape Navigator2发布的前夕，为了搭上媒体上热炒的java顺风车，临时把LiveScript改名为javaScript。在Navigator3发布不久，ie3就加入了名为JScript的javaScript的实现。这意味着有两个不同的javascript版本：javascript,jscript.当时并没有标准规定JavaScript的语法和特性。

1997年，JavaScript1.1 为蓝本的建议被提交给了ECMA(European Computer ManufacturersAssociation欧洲计算机制造商协会)。定义了ECMAScript新脚本语言的标准(ECMA-262)。第二年，ISO/IEC(International organization for Standardization and International Electrotechnical Commission,国标标准化组织和国际电工委员会)也采用了ecmascript作为标准(ISO/IEC-16262),自此浏览器开发商就致力于将ECMAScript作为各自JavaScript实现的基础。

简单的理解就是:网景公司推出javascript后所取得的成功,微软推出了JScript，还有Cenvi推出ScriptEase等，这些都与JavaScript同样可在浏览器上运行.为了统一规格，因为JavaScript兼容于ECMA标准，Ecma国际以JavaScript为基础制定了ECMAScript标准,所以javascript也称为ECMAScript。

2.页面开发使用的基本前端技术

htML+css+javscript

这个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位和效果渲染，再通过JavaScript实现元素相应的动态变化效果.

3.富客户端概念

3.1 网络应用程序经历了从胖客户端到瘦客户端的发展历程,胖客户端是相对于传统的C/S结构的网络应用程序来说的,

而瘦客户端一般都是相对于B/S结构的Web应用来说的

3.2 富客户端(Rich Client)简介富因特网应用程序(Rich internet Applications，RIA)利用具有很强交互性的富客户端技术来为用户提供一个更高和更全方位的网络体验。富客户端结合了桌面应用程序和b/s的一些优点，但本质还是b/s应用。

3.3 富客户端技术充分利用本地机器的处理能力来处理数据，而不需要把某些数据发送到服务器处理，充分利用了本地机器的资源。

3.4 ajax jquery flex Silverlight JavaFX等都属于构建富客户端的技术

3.5 javascript也是构建富客户端要是使用一个最基本的技术

4.javascript和java的区别

4.1 javascript与Java是由不同的公司开发的不同产品：

最早的javascript是Netscape公司的产品，其目的是为了扩展Netscape Navigator(网景导航者浏览器)功能,而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言.

而Java是SUN MicroSystems公司推出的新一代面向对象的程序设语言，常用于后台代码的开发.

4.2 于1995年由Netscape公司的brendan eich首次设计实现而成 。由于Netscape公司与Sun公司合作，Netscape高层希望它看上去能够像Java，因此取名为JavaScript

4.3 javascript主要运行在客户端浏览器中(脚本语言),而且java主要是运行在后台服务器中

5.完整的JavaScript包含的三个部分

5.1 ECMAScript规范，描述了该语言的语法和基本对象的定义;

其主要包括

1，语法

2，数据类型

3，语句

4，关键字

5，保留字

6，操作符

7，对象

5.2 文档对象模型(DOM)，描述处理网页内容的方法

DOM(Document Object Model) 是针对XML但经过扩展用于HTML的应用程序编程接口。DOM将整个页面映射成一个多节点结构

例如:html代码：

你好

dom模型

html

/ /

head body

| |

title p

| |

'hello' '你好'

5.3 浏览器对象模型(BOM)，描述与浏览器进行交互的方法

BOM(Browser Object Model),开发人员可以使用BOM控制浏览器显示的页面以外的部分。弹出新浏览器窗口;移动，缩放，关闭浏览器的功能;提供浏览器详细信息的navigator对象;提供浏览器所加载页面的详细信息的location对象;提供用户显示器分辨率详细信息的screen对象;对cookies的支持;支持XMLHttPRequest,IE中的ActiveXObject自定义对象

6.兼容性

JavaScript的三个组成部分，在当前五个主要浏览器(IE,Firefox,Chrome,Safari,opera)中得到了不同程度支持，其中，所有浏览器对ECMAScript支持大体都还不错，并且支持程度越来越高，但对DOM的支持彼此相差较多，对已经正式纳入HTML5标准的BOM来说，尽管各浏览器都实现了某些总所周知的共同特性，但其他特性还因浏览器而异。

7.javascript语言的特点

7.1 解释执行的脚本语言

它的基本结构形式与c、c++、java十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。【它是需要嵌入到html页面中,让浏览器来解释执行的。】

7.2 基于对象的语言

javascript是一种基于对象的语言，和java语言不同,javascript虽然有面向对象的思想在,但这个并不是它的重点

7.3 简单性

它是一种基于java基本语法语句和控制流之上的简单而紧凑的设计， 基本java中的语法都可以使用到javascript中,所以对于学过java语言的情况下,学习javascript也相对比较简单.

7.4 弱类型语言

javascript的语法松散要求不严谨,比如:一个变量在之前没有声明的情况下就可以直接使用,声明变量的时候也可以不声明变量的类型等.

7.5 事件驱动

我们在页面上的操作,例如 左键/右键的单击、双击,键盘上面的按键的监听，鼠标的移动 鼠标拖拽 鼠标滚轴的滚动等等事件的响应处理都可以交给javascript

7.6 动态性

javascript可以直接对用户输入做出响应，无须经过web服务程序.

7.7 安全性

javascript不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。

7.8 跨平台性

javascript是依赖于浏览器，与操作环境无关，只要能运行浏览器的计算机，并支持javascript的浏览器就可正确执行,但是不同浏览器以及同一浏览器的不同版本对javascript的支持是不同的(浏览器的兼容性)

8.在页面中使用javascript的常见情况

1.动态改变网页的设计布局(操作页面中的标签元素)

2.验证表单

3.检测浏览器、控制浏览器的行为

4.操作cookies

5.处理页面中触发的事件

6.在使用ajax的时候也要用到javascript

7.很多前端的框架都是基于javascript的封装

9.javascript在页面中的位置

标签之间,一般放置在 HTML 页面的或者标签中:

注意:js代码所写的位置会影响到代码的执行效果,因为浏览器会从上到下去加载整个html页面文件,如果js代码是写在head里面,就是先执行js代码然后加载页面标签元素,如果是写body标签中的下面,则表示先加载html页面元素然后在执行js代码.

2.写到标签元素的事件属性里面

3.写到一个外部的文件里面(.js结尾的文件)

写到一个js文件中,然后哪个页面使用就引入过来,类似于css样式表的引用

例如:

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

注意:

1.不要在

<script> 标签中再填写其他js代码，否则将会忽略
2.src 可以跨域访问 。例如：https://cdn.code.baidu.COM/ 百度静态资源公共库
3.标签位置标签中：等到全部的js代码都被下载，解释和执行完成后才能开始呈现页面的内容。可将代码引用放到元素内容后面。
4.延迟脚本 defer="defer"，延迟至浏览器遇到标签后再执行。如果有多个延迟脚本，并不会按照顺序执行。该属性适用于外部引用的js
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

10.基础语法
1) 区分大小写
typeof 关键字， typeOf 非关键字
2) 标识符
指变量，函数，属性的名字或者函数的参数。标识符是按照以下规则组合起来的一或多个字符：
1.字母，数字，下划线，$组成。
2.只能以字母，下划线，$开头。
3.不能将关键字作为标识符。
3) 注释
//单行注释

/* 多行注释 */
4) 语句
每个语句以分号结尾，如果省略分号，由解析器确定语句的结尾，即分号可以省略，但是我们要求每个语句的末尾都应该有分号，


11.关键字保留字
1) 关键字:(在js中有特殊功能)
break do instanceof typeof
case else new VAR
catch finally return void
continue for switch while
debugger this function with
default if throw delete
in try


2) 保留字：(将来可能成为关键字)
abstract enum int short
boolean export interface static
byte extends long super
char final native synchronized
class float package throws
const goto private transient
debugger double implements protected
volatile import public


12.javascript中的变量:
ECMAScript的变量是弱类型（松散类型），可以用来保存任何类型的数据。定义变量时使用var操作符
var 变量名;
声明 var message;
初始化 message = "hello"
声明并初始化 var message = "hello";
定义多个变量
var msg1 = "hello";
var msg2 = "world";


var message= "hello",found=false, age = 29;

局部变量与全局变量：
1) 在函数内定义的为局部变量,在函数外部定义的是全局变量
function test(){
var message = "hello";
}
test();
alert(message); //错误
2) 如果在函数中定义变量没有加var，该变量为全局变量,但前提是一定要先调执行下这个函数
function test(){
message = "hello";
}
test();//先调用执行,很重要


alert(message); //可以访问



javaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。

13.javascript中的数据类型
1)ECMAScript不支持自定义类型，只有六种数据类型：
五种基本数据类型（简单数据类型）
Undefined 未定义 "undefined"
var a ;
Null 空引用数据类型 "null"
var a = null;
Boolean 布尔类型 true/false
var a = false;
Number 数字类型
整数
浮点数
String 字符串类型 "" ''
var a ="true";
var a ='hello';

一种引用数据类型（复杂数据类型）
Object(本质由一组无序的键值对组成)
var person= new Object();
person.name = "briup";
person.age = 12;
person.sayHello=function(){...}

2) typeof 操作符
返回该变量名所指向数据的类型
语法：
typeof 变量名
可有取值如下
"undefined" 未定义
"boolean" 布尔类型
"string" 字符串
"number" 数值
"object" 对象或者null
"function" 函数

3) 基本数据类型
1. Undefiend
该类型只有一个值undefined。对未声明和未初始化的变量执行typeof操作符都返回undefined
var a;
console.LOG(a); // undefined
console.log(typeof a); // undefined
console.log(b); // 报错 ReferenceError: b is not defined

2. Null类型
该类型只有一个值 null ,null可以表示一个空对象的指针。
var car = null;
console.log(typeof car ) //结果为:object 因为null被认为是空对象的引用


实际上 undefined 派生自null值。undefined == null 结果为 true
null与undefined的意义不同，null可以用来表示一个空对象，而undefined表示该类型没有任何定义


3. Boolean类型
该类型只有两个值，true,false虽然boolean类型的取值只有两个

4. Number
该类型用来表示整数和浮点数
1) 表示方法：
1. 整数：
十进制数： 55 0~9
八进制数： 首位为0,其他位为（0~7 如果字面值超出了范围，前导0将会被忽略）
070 （表示 7*8一次方 = 56）
079 （9超过了表示范围，表示79）
十六进制： 前两位为0x，其他位为(0~9，A~F)
2. 浮点数
所谓浮点数值，就是该数值中必须包含一个小数点，并且小数点后必须至少有一位数字。浮点数值的最高精度是17位小数。
例如： var f = 1.2;
科学计数法：e
var e = 3.125e7; //31250000
2) 数值范围
由于内存的限制，ECMAScript不能保存世界上所有的数值。ECMAScript能表示的最小数值保存在Number.MIN_VALUE中，能表示的最大的数值保存在Number.MAX_VALUE中。如果某次计算的结果超过了JavaScript数值范围，将会返回Infinity(正无极)或者-infinity(负无极)使用 isFinite()函数可以判断参数是否在最大值和最小值之间，如果在，返回true


在绝大数浏览器中：
Number.MIN_VALUE ： 5e-324
Number.MAX_VALUE ： 1.7976931348623157e+308
如果某次计算返回了正的或者负的Infinity,那么该值无法继续参与下一次计算。可以使用isFinite(para)函数判断para 是否在最大数最小数之间


3) 非数值 NaN (not a number)
该数值表示一个本来要返回数值的操作数未返回数据的情况。
var a = 10/'a';
console.log(a); //NaN

任何涉及到NaN的操作都会返回NaN; NaN与任何值都不相等，包括NaN本身。
isNaN，判断参数是否"不是数值"，当参数para不是数值的时候返回true
isNaN(NaN); true
isNaN("blue"); true 无法转换为数值
isNaN(10); false 10
isNaN("10"); false 10
isNaN(true); false
注意：
1) 默认情况下，ECMAScript会将小数点后带有6个零以上的浮点数转化为科学计数法。
0.0000003 => 3e-7
2) 在进行算术计算时，所有以八进制十六进制表示的数值都会被转换成十进制数值。

3) 保存浮点数需要的内存是整数的两倍，因此ECMAScript会不失时机将浮点转换为整数
例如：
var b = 1.0; 将解析为1

5. String
该类型表示由零个或者多个16位Unicode字符组成的字符序列，即字符串。字符串可以由双引号或者单引号表示
1)特殊字符
/n 换行
/t 制表
/b 退格
/r 回车
// 斜杠
/' 单引号
/" 双引号
2)字符长度
通过length属性获取字符长度

6. Object
ECMAScript中的对象其实就是一组数据和功能的集合。对象可以通过执行"new 对象类型"来创建。
var o = new Object();






1:</script>

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！&nbsp;js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-简单了解JavaScript历史全部内容，希望文章能够帮你解决javascript代码实例教程-简单了解JavaScript历史所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。