一、Javascript 诞生

当 Netscape Navigator 崭露头角时,Nombas 开发了一个可以嵌入网页中的 CEnvi 的版本。这些早期的试验被称为 Espresso Page(浓咖啡般的页面),它们代表了第一个在万维网上使用的客户端语言。而 Nombas 丝毫没有料到它的理念将会成为万维网的一块重要基石。

当网上冲浪越来越流行时,对于开发客户端脚本的需求也逐渐增大。此时,大部分因特网用户还仅仅通过 28.8 kbit/s 的调制解调器连接到网络,即便这时网页已经不断地变得更大和更复杂。而更加加剧用户痛苦的是,仅仅为了简单的表单有效性验证,就要与服务器进行多次地往返交互。设想一下,用户填完一个表单,点击提交按钮,等待了 30 秒的处理后,看到的却是一条告诉你忘记填写一个必要的字段。

那时正处于技术革新最前沿的 Netscape,开始认真考虑开发一种客户端脚本语言来解决简单的处理问题。

当时工作于 Netscape 的 Brendan Eich,开始着手为即将在 1995 年发行的 Netscape Navigator 2.0 开发一个称之为 LiveScript 的脚本语言,当时的目的是在浏览器和服务器(本来要叫它 LiveWire)端使用它。Netscape 与 Sun 及时完成 LiveScript 实现。

就在 Netscape Navigator 2.0 即将正式发布前,Netscape 将其更名为 JavaScript,目的是为了利用 Java 这个因特网时髦词汇。Netscape 的赌注最终得到回报,JavaScript 从此变成了因特网的必备组件。

因为 JavaScript 1.0 如此成功,Netscape 在 Netscape Navigator 3.0 中发布了 1.1 版。恰巧那个时候,微软决定进军浏览器,发布了 IE 3.0 并搭载了一个 JavaScript 的克隆版,叫做 JScript(这样命名是为了避免与 Netscape 潜在的许可纠纷)。微软步入 Web 浏览器领域的这重要一步虽然令其声名狼藉,但也成为 JavaScript 语言发展过程中的重要一步。

在微软进入后,有 3 种不同的 JavaScript 版本同时存在:Netscape Navigator 3.0 中的 JavaScript、IE 中的 JScript 以及 CEnvi 中的 ScriptEase。与 C 和其他编程语言不同的是,JavaScript 并没有一个标准来统一其语法或特性,而这 3 种不同的版本恰恰突出了这个问题。随着业界担心的增加,这个语言的标准化显然已经势在必行。

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?

JavaScript 被设计用来向 HTML 页面添加交互行为。

JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。

JavaScript 由数行可执行计算机代码组成。

JavaScript 通常被直接嵌入 HTML 页面。

JavaScript 是一种解释性语言(就是说,代码执行不进行预编译)。

是一种基于对象和事件驱动的安全脚本语言。使用它的目的是与HTML超文本标记语言和java脚本语言一起实现在一个web页面中连接多个对象。起到与Web客户的交互作用,从而可以开发客户端的应用程序等。

三、JS的特征:

1)脚本语言

嵌入在html中执行

2)解释性语言

JS  PHP

浏览器

ie js解释器

firefox js解释器

google js解释器

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

3)弱类型语言

var a = 3;

a = false;

强类型

int a = 3;

a = false;//报错

float b = 3.0;

boolean f = false;

4)事件驱动

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

5)动态性

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

6)安全性

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

7)跨平台性(兼容性)

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

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

四、JavaScript的实现

一个完整的JavaScript的实现应该包含:

核心 ECMAScript

文档对象模型 DOM

浏览器对象模型 BOM

1) ECMAScript

ECMA-262 定义的EMCAScript与Web浏览器没有依赖关系。浏览器仅是ECMAScript实现可能的宿主环境之一,宿主环境不仅提供基本的ECMAScript实现同时也提供该语言的扩展,以便语言与环境之间对接交互。扩展如DOMECMA规定了这门语言的组成部分

1,语法

2,类型

3,语句

4,关键字

5,保留字

6,操作符

7,对象

2) DOM(文档对象模型)

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

html代码:

<html>

<head>

<title>hello</title>

</head>

<body>

<p>nihao </p>

</body>

</html>

dom模型

html

<!-- <body> --> \

head body

| |

title p

| |

'hello' '你好'

3) BOM(浏览器对象模型)

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

五、JavaScript的作用:

在页面中使用javascript的作用

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

2.验证表单

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

4.创建cookies

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

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

7.网页特殊效果的制作

六、开发环境:

选择一个你喜欢的纯文本编辑器或IDE

NotePad++

VIM

UltraEdit

EditPlus

gEdit(Unix)

Emacs(Mac/Unix)

其它

至少一个符合W3C标准的浏览器(推荐火狐浏览器),和一些市场上流行的浏览器(IE)

FireFox 3.0+

Internet Explorer 6.0+ (由于IE具有多种不同的版本,还推荐安装IETester)

Google Chrome 1.0+

Opera 9.0+

Safari 3.0+

调试工具

FireFox下的FireBug,Venkman等

IE下的IE DeveloperToolbar,MS Script Debugger等(强烈不推荐MS Script Debugger,安装之后问题多)

Google Chrome 的JS控制台已经很强大了,Opera的错误控制台也可以,Opera蜻蜓和FireBug一样强大,Safari具有和Chrome一样的控制台

javascript简介,什么是 JavaScript?,JS的特征,开发环境相关推荐

  1. 前端JavaScript(1) --Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏...

    一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...

  2. python 全栈开发,Day50(Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏)...

    一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...

  3. 使用Visual Studio Code + Node.js搭建TypeScript开发环境

    Visual Studio Code搭建Typescript开发环境 -- 相关文章: http://www.cnblogs.com/sunjie9606/p/5945540.html [注意:这里仅 ...

  4. 前端开发1之Node.js以及npm开发环境搭建

    关于现今的前端开发,由于微服务架构的普及,前端工程师必须承担更重要的任务.现在的后端工程师无需考虑JS.Ajax和json的解析遍历,或许只需要处理前端请求过来的各种带参请求(Get/Post/Pat ...

  5. 前端:JS/16/JavaScript简介,lt;script标记,常用的两个客户端输出方法,JS注释,JS变量(声明,命名规则,赋值),变量的数据类型(数值型,字符型)

    JavaScript简介 1,JavaScript是什么? JavaScript是一种小型的,轻量级的,面向对象的,跨平台的客户端脚本语言. JavaScript是嵌入到浏览器软件当中去的,只要你的电 ...

  6. JavaScript 简介 1

    JavaScript 简介 原文链接 JavaScript ( 简称:JS ) 是一种 轻量级,解释型 的编程语言,其函数是一等公民.众所周知,它是用于网页开发的脚本语言,但也被用在很多非网页环境中, ...

  7. JAVA_web基础 JavaScript简介、基础、语法

    1. JavaScript简介 1.1. JavaScript由来 Netscape 发明了 JavaScript JavaScript由Netscape 在1995年发明.早期的主要目的是处理一些用 ...

  8. JavaScript简介及其引入方式

    #博学谷IT学习技术支持# 目录 #博学谷IT学习技术支持# 1.JavaScript简介 2.JavaScript 引入方式 1内部脚本:将 JS代码定义在HTML页面中 2. 外部脚本:将 JS代 ...

  9. JavaScript 简介,原理

    JavaScript 简介,原理 JavaScript 是一种解释型的语言,通过解释执行,其解释器被称作是 JavaScript 引擎,常见的 JavaScript 引擎有以下几种: JavaScri ...

最新文章

  1. java多线程的题目_Java多线程一个有趣的题目
  2. SQL2000输入的值与数据类型不一致,或者此值与列的长度不一致“
  3. 基于ssm的个人博客_基于 CentOS7 搭建 WordPress 个人博客
  4. 00001centos6.3安装
  5. 一文带你彻底搞懂C++中一些常见指针(形如*p)的用法
  6. oracle审计实施
  7. unity镜头边缘羽化_【后期修图】如何利用Ps中的自适应广角滤波器校正镜头失真?...
  8. 超 8 成软件存已知高危开源漏洞,奇安信发布《2021 中国软件供应链安全分析报告》
  9. springcloud2.0以上版本_eureka控制台显示_找不到${spring.cloud.client.ipAddress}_没有显示成IP地址---springcloud工作笔记165
  10. 惊!STM32 蓝牙串口模块(H21/JDY-31) 竟如此简单!
  11. C# 简单实现QQ截图功能
  12. matlab2010 simulink,张德丰 (2010) MATLAB/Simulink建模与仿真实例精讲. 机械工业出版社, 北京....
  13. php-fpm配置 listen,php-fpm – 配置详解
  14. js实现当日期转农历日期
  15. 2018全球APP收入排行榜:腾讯全球第一!
  16. CentOS7安装onlyoffice实现word的在线预览和编辑
  17. oracle sqlplus建用户,Oracle用SQL Plus创建数据库表空间和用户
  18. 02_Pulsar的集群架构、架构基本介绍、Pulsar提供的组件介绍、Brokers介绍、Zookeeper的元数据存储、基于bookKeeper持久化存储、Pulsar代理
  19. 微信小程序项目实战:电影购票系统-李宁-专题视频课程
  20. 管理经济学第一遍总结

热门文章

  1. Python将日期月份转为英文和英文转为数字月份
  2. 贫富差距扩大:转型中国不能继续承受之重
  3. 实习内推速进!【阿里钉钉】2021届技术实习生内推!
  4. 【Nmap使用教程】黑客工具Nmap安装|下载|扫描教学,附2023最新安装包!
  5. Linux ps -A 和 ps -ef
  6. IT一族是如何成为一个民族的
  7. x64内联汇编解决办法
  8. iOS隐私安全:用户协议及隐私政策弹框(包含超链接属性、demo支持中英文切换)【设置 NSLinkAttributeName 字体颜色:链接默认蓝色】
  9. 将HTML文件设为电脑桌面壁纸教学
  10. 2015-2016-2(点集拓扑56, 点集拓扑56)