JavaScript语言介绍
1.JavaScript的诞生
- JavaScript 诞生于 1995 年。由Netscape(网景公司)的程序员Brendan Eich(布兰登)与Sun公司联手开发一门脚本语言, 最初名字叫做Mocha,1995年9月改为LiveScript。12月,Netscape公司与Sun公司(Java语言的发明者)达成协议,后者允许将这种语言叫做JavaScript。这样一来,Netscape公司可以借助Java语言的声势。 1996年3月, Netscape公司的浏览器Navigator 2.0浏览器正式内置了JavaScript脚本语言. 此后其他主流浏览器逐渐开始支持JavaScript.
2.JavaScript的版本
JavaScript这种语言的基本语法结构是由ECMAScript来标准化的, 所以我们说的JavaScript版本一般指的是ECMAScript版本.
- 1997年7月,ECMAScript 1.0发布。
- 1998年6月,ECMAScript 2.0版发布。
- 1999年12月,ECMAScript 3.0版发布。(数组的一些方法)
- 2007年10月,ECMAScript 4.0版草案想要提交ECMA组织, 但由于4.0版的目标过于激进, 改动太大, 并且微软,谷歌等大公司极力反对;一直到2008年7月ECMA开会决定,中止ECMAScript 4.0的开发(即废除了这个版本)
- 2009年12月,ECMAScript 5.0版正式发布
- 2011年6月,ECMAscript 5.1版发布
- 2015年6月,ECMAScript 6 正式发布,并且更名为“ECMAScript 2015”。
3.JavaScript的优势
- JavaScript是一门脚本语言, 长期处于计算机语言排行榜的前10位, 且在脚本语言排行榜中长期处于领先地位直至今日, 它的发展前景可想而知. JavaScript一直伴随着互联网一起发展, 互联网的发展也推动和刺激了JavaScript的发展, 目前苹果公司的Safari, 谷歌的Chrome,微软的IE等几乎全部浏览器都支持JavaScript, 基于JavaScript开发的库和框架数不胜数, 例如: jQuery, PhoneGap, Angular, React, Vue等… JavaScript将在前端和服务器端(Node.js)有更好的发展 U3D (引擎 ,js,c#)
4.JavaScript的简介
- JavaScript是一种专为与网页交互而设计的脚本语言, 具有较强的逻辑性.
- JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行,而只需要支持它的浏览器即可。它的主要目的是,验证发往服务器端的数据、增加 Web互动、加强用户体验度等. 不同于服务器端脚本语言,例如PHP、ASPX(.net)和JSP(Java),JavaScript主要被作为客户端脚本语言在用户的浏览器上运行,不需要服务器的支持 解析 js,php,python 写完就能干活,即写即所得 编译 java. clsss , C#.dll
5.JavaScript语言的特点
(1) 脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2) 基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
(3) 简单。JavaScript语言中采用的是弱类型的变量类型, 对使用的数据类型未做出严格的要求.
(4) 动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作,JavaScript都可直接对这些事件给出相应的响应。
(5) 跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提是机器上的浏览器支持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。
JavaScript由三部分组成:
1. 核心(ECMAScript)
2. 浏览器对象模型(BOM)
3. 文档对象模型(DOM)
- ECMAScript:是一种由ECMA国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。ECMAScript 定义的只是这门语言的基础,他的组成部分有:语法、类型、语句、关键字、保留字、操作符、对象等
- BOM: Browse Object Model, 浏览器对象模型,提供与浏览器交互的方法和接口(API), 开发人员使用BOM可以控制浏览器显示页面以外的部分.
- DOM: Document Object Model,文档对象模型,提供访问和操作网页HTML内容的方法和接口
JavaScript的编辑工具, 开发环境:
写代码的工具 如:HBuilder,Sublime Text, Dreamweaver,Notepad++, 文本等.
JavaScript的运行环境:看结果的地方 如: chrome, firefox, IE等浏览器
6.插入JavaScript代码
- 导入JavaScript标签: <script type=“text/javascript”></script>
- 在标签中间写js代码 第一句javascript代码:alert(“hello world!”) ; 第二句javascript代码:document.write(“亲,我在页面上,跟alert不一样噢!”); 第三句javascript代码:console.log(“我是在控制台打印的, 以后常用我!”); 注意: document.write可以输出任何HTML的代码
- script标签可以出现多次, 且可以出现在html文件的任何地方, 建议写在<head></head>之间; 另外,同一个文件中Javascript和HTML代码, 它们的执行顺序都是自上而下,谁在前就谁先执行, 谁在后就后执行.
- 外部javaScript文件引入方式
<script type="text/javascript" src="demo1.js" ></script>
注意: 1、不可以使用单标, 如这是不正确的写法 <script type="text/javascript" src="demo1.js“/ >
2、在引入了外部文件的标签中写代码会无效, 下面的alert()不会执行 <script src=“demo1.js”>alert(‘xxxx’)</script> <script>标签的属性: src 表示要引入的外部文件 type 表示脚本语言的类型 text/javascript,默认值就是它.
language已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了。
defer:可选。(等页面加载完成后,才执行js)表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持,故很少用。 async charset:可选。表示通过 src 属性指定的 字符集。由于大多数浏览器忽略它,所以很少有人用它。