精华内容
下载资源
问答
  • 标尺 标尺的Javascript运行程序
  • 主要介绍了javascript实现在网页中运行本地程序的方法,实例分析了JavaScript基于ActiveXObject运行本地程序的技巧,需要的朋友可以参考下
  • 主要介绍了php+javascript实现的动态显示服务器运行程序进度条功能,涉及php结合javascript数学运算与缓冲输出相关操作技巧,需要的朋友可以参考下
  • Javascript运行exe程序.

    2009-07-17 11:43:03
    JAVASCRIPT运行EXE程序,给出完成程序的路径就能运行.
  • Javascript程序运行环境安装

    万次阅读 2018-07-13 16:17:13
    Node.js 是Javascript语言服务器端运行环境第一步:下载安装nodejs点击打开链接第二步:运行JavaScript程序微软windows操作系统:附件-命令提示符需进入到js程序的目录下,node命令+js文件名运行程序苹果mac操作系统...

    Node.js 是Javascript语言服务器端运行环境

    第一步:下载安装nodejs

    点击打开链接


    第二步:测试运行JavaScript程序

    微软windows操作系统:附件-命令提示符

    需进入到js程序的目录下,node命令+js文件名运行程序


    苹果mac操作系统:下载安装atom编辑器点击打开链接

    通过atom安装platformio-ide-terminal插件,ctrl+~快捷键打开终端,省去需要进入当前文件夹的操作


    第三步:npm是什么?

    概念:nmp即node package manager是随同nodejs一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传及管理已经安装的包。

    展开全文
  • 为了使抽奖程序能够无需配置平台直接可以在任何一台机器上运行,开发工具和编译运行工具也能够尽可能简单(诸如text文本即可编辑,window系统自带的浏览器即可编译运行的情况),决定尝试使用javascript来做
  • JavaScript高级程序设计电子书

    热门讨论 2008-11-25 13:55:07
    这一章解释了编写能在各种Web浏览器上运行Javascript脚本的重要性。它讨论了两种探测浏览器的方法,即对象/特性探测法和用户-代理字符串探测法,每种方法的优点和缺点都被列了出来。 事件 本章讨论了Javascript...
  • JavaScript应用程序可以在浏览器中或服务器上运行。 该驱动程序支持浏览器,Node.js和其他服务器端/ CommonJS运行时。 网页浏览器 要在浏览器应用程序中使用此驱动程序,请先下载该驱动程序,然后按如下所示将其拉...
  • JS运行exe程序.Javascript

    2009-07-17 11:40:08
    JS 运行EXE程序,给出完整的路径,就能运行.比如打开盘符之类的.
  • 在开始学习JavaScript代码编写的时候,会发现我们程序编写的正确,但是在运行的时候页面出现的空开,一点效果都没有,下面介绍出现这种现象可能的原因。 1.就例如这段代码,是书上一段简单的判断学生成绩的代码,...

    开发软件:Dreamweaver
    语言:JavaScript
    在开始学习JavaScript代码编写的时候,会发现我们程序编写的正确,但是在运行的时候页面出现的空开,一点效果都没有,下面介绍出现这种现象可能的原因。
    1.就例如这段代码,是书上一段简单的判断学生成绩的代码,但是当点击f12运行的时候页面出现的是空白。
    这里写图片描述
    出现空白
    这里写图片描述
    2.这是我们反复检查代码,并没有发现错误,其实语句并没有问题。
    问题出在标点符号上。细心的人会发现最后一个else语句中的分号是中文的。
    把它改成英文的分号,页面的效果就会出现。
    这里写图片描述

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <script>
    	var score,gymm;
    	    score=parseFloat(prompt("请输入学生的成绩",""));
    	    if(score>=85){
    	    	gymm='优';
    	    }else if(score>=75){
    	    	gymm='中';
    	    }else if(score>=60){
    	    	gymm='及格';
    	    }else{
    	    	gymm='不及格';
    	    }
    	    document.write("学生成绩:"+score+",评定:"+gymm);
    </script>
    </head>
    <body>
    <!--<input type="button" value="点一点" onClick="alert('hello world')">-->
    </body>
    </html>
    
    
    展开全文
  • JavaScript运行环境 镶嵌网页 JavaScript文件脚本:.js JavaScript打印 打印方式 打印级别 编写代码IDE平台:记事本 + 浏览器 调试代码 编写代码IDE平台:Visual Studio Code + Node.js 主程序 调试代码 编写代码IDE...

    文件版本说明

    版本发布日期修订章节作者
    0.12018.05.01撰写草稿钟鑫
    0.22018.05.05添加js变量定义钟鑫
    0.32018.05.05添加js编译环境钟鑫
    0.42018.05.11添加js函数钟鑫
    0.52018.05.14添加解构赋值钟鑫
    0.62018.05.19添加函数定义以及类定义钟鑫
    0.72018.05.27添加类的定义钟鑫
    0.82018.06.09添加时间定义钟鑫

    JavaScript运行环境

    镶嵌网页

    在一个html中镶嵌JavaScript,镶嵌标签
    JsTest.html

    <html>
    	<head>
    		<title> ZX test title </title>
    		<script>
    
    		function js_test_html(){  
    			alert('alert ZX test');
    			console.log('console ZX test');
    			document.write('document ZX test\n');
    		}  
    
    		js_test_html();
    
    		</script>
    	</head>
    	<body>
    	</body>
    </html>
    

    显示效果如下图所示。
    在这里插入图片描述
    在这里插入图片描述

    JavaScript文件脚本:.js

    将js代码写入一个js文件中,然后通过html调用这个脚本。
    
    function js_main(){ 
    alert('main alert ZX test');
    		console.log('main console ZX test');
    		document.write('main document ZX test');
    } 
    
    js_main();
    

    将js文件镶嵌到html文件中

    <html>
    	<head>
    		<title> ZX test title </title>
    		<script src="./Jsmain.js"> </script>
    	</head>
    	<body>
    	</body>
    </html>
    

    显示效果如下图所示。

    在这里插入图片描述
    在这里插入图片描述

    JavaScript打印

    JavaScript的调试打印在浏览器中按F12调出,代码中用console对象实现。

    打印方式

    JavaScript的调试打印有多中方式,包含可以直接打印数字、数组、字符串甚至结构体和类。
    源码

    function js_console_test(){ 
    	
    	var strtest = "string";
    	var chartest = 'A';
    	var istest = 3;
    	var fpai = 3.14159;
    	var arraytest = ["zx",6.626E-34,'B',8];
    	
    	var stTest = {
    		siindex: 1,
    		strname: "ZX Test",
    		sinum: 2.71828,
    		
    		functest: function stfunc(){ return true;}
    	};
    
    	console.log(strtest);
    	console.log(chartest);
    	console.log(istest);
    	console.log(fpai);
    	console.log(arraytest);
    	console.log(stTest);
    }
    

    执行结果
    在这里插入图片描述

    打印级别

    console对象对调试打印有着打印级别,对应不同的调试环境。

    源码

    function js_console_level(){ 
    	
    	console.log("This is log level.");
    	console.debug("This is debug level.");
    	console.info("This is info level.");
    	console.warn("This is warn level.");
    	console.error("This is error level.");
    }
    

    执行结果
    在这里插入图片描述

    点击右边的定位会跳转到代码调试选项
    在这里插入图片描述

    编写代码IDE平台:记事本 + 浏览器

    只要安装了浏览器,通过记事本就可以编写js代码。但要使js运行起来,就必须将js镶嵌到html文件中

    浏览器打开html文件,就可以执行js脚本。

    调试代码

    在浏览器按F12调出调试环境,可以在源码上打上断点,单步调试,查看输出。如下图所示。
    在这里插入图片描述

    edge上调试代码,如下图所示
    在这里插入图片描述
    在这里插入图片描述

    编写代码IDE平台:Visual Studio Code + Node.js

    用Visual Studio Code轻便,结合Node.js开发可以不用调用浏览器去调试代码。
    与浏览器不同的是,js文件可以单独运行而不需嵌入html中,通过Node.js加载运行。

    Visual Studio Code下载:https://code.visualstudio.com/
    Node.js下载:https://nodejs.org/en/

    安装完之后打开指定文件夹,如下图所示
    在这里插入图片描述

    编码格式选择LF,与linux保持一致,如下图所示
    在这里插入图片描述

    主程序

    在安装好Node.js之后,配置Visual Studio Code的环境,就可以调试js的代码。如下图所示。
    在这里插入图片描述

    调试代码

    控制调试代码的配置是由文件launch.json进行控制的,可以在添加配置选项中配置调试选项。launch.json文件放置在工程目录的.vscode文件夹下,如下图所示。
    在这里插入图片描述

    编辑界面可以打断点进行调试,在调试控制台可以看到输出信息。变量栏可以时刻观察js变量。如下图所示。
    在这里插入图片描述

    编写代码IDE平台:Linux

    在linux中,支持JavaScript的调试,需要安装nodejs

    sudo apt-get install nodejs-legacy nodejs
    
    $ node -v
    v4.2.6
    

    执行JavaScript脚本

    $ node Jsmain.js 
    string
    A
    3
    3.14159
    [ 'zx', 6.626e-34, 'B', 8 ]
    { siindex: 1,
      strname: 'ZX Test',
      sinum: 2.71828,
      functest: [Function: stfunc] }
    

    中文支持

    js文件保存的形式是utf-8模式保存,不然会出现乱码,如下图所示。
    在这里插入图片描述

    展开全文
  • 这是一个由 node.js 运行的包含两个 JavaScript 程序(服务器程序和客户端程序)的聊天室程序。 ####屏幕截图 ####About Node.js 作为异步事件驱动框架,Node.js 旨在构建可扩展的网络应用程序,您可以从下载或...
  • JavaScript 高级程序设计(第3版)

    千次阅读 2018-04-12 10:44:16
    JavaScript 高级程序设计(第3版)》这一版除增加5章全新内容外,其他章节也有较大幅度的增补和修订,新内容篇幅约占三分之一。全书从 JavaScript 语言实现的各个组成部分——语言核心、DOM、BOM、事件模...

    内容简介

    ECMAScript 5 和 HTML5 在标准之争中双双胜出,使大量专有实现和客户端扩展正式进入规范,同时也为 JavaScript 增添了很多适应未来发展的新特性。《JavaScript 高级程序设计(第3版)》这一版除增加5章全新内容外,其他章节也有较大幅度的增补和修订,新内容篇幅约占三分之一。全书从 JavaScript 语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起,深入浅出地探讨了面向对象编程、Ajax 与 Comet 服务器端通信,HTML5 表单、媒体、Canvas(包括 WebGL)及 Web Workers、地理定位、跨文档传递消息、客户端存储(包括 IndexedDB)等新 API,还介绍了离线应用和与维护、性能、部署相关的开发实践。《JavaScript 高级程序设计(第3版)》附录展望了未来的 API 和 ECMAScript Harmony 规范。

    作者简介

    泽卡斯(Zakas. Nicholas C.),雅虎首页的主要开发者,雅虎用户界面库(YUI)代码贡献者,擅长利用 JavaScript、HTML、CSS、XML、XSLT 设计和实现 WEB 界面的软件工程师。

    本书内容

    20多年的职业生涯,我也长出了白头发。回首往事,曾经对我的职业道路产生过重要影响的技术和人历历在目。如果让我只说一种技术,一种对我产生了最大正面影响的技术,那么就是 JavaScript。说实话,我也并非一直都是 JavaScript 的信徒。跟许多人一样,我以前也把它当作一门玩具语言,认为它只能用来做一些旋转的横幅广告,或者在页面中添加一些有意思的交互效果作为装饰。我原来是做服务器端开发的,我们都对这种玩具语言不感冒,该死的!可是,后来 Ajax 出现了。

    永远也忘不了当时无孔不入的 Ajax,大家都认为它是一种非常酷、非常新,同时极具创造性的技术。我也开始了解它,阅读相关资料。知道这门曾被我嗤之以鼻的玩具语言如今被每一位专业 Web 开发人员津津乐道之后,我感到很震惊。突然,我的看法就转变了。随着探索 Ajax 的继续深入,我认识到 JavaScript 的强大威力,急切地想了解它能提供的所有“法宝”。于是,我全身心地投入到学习 JavaScript 之中,不仅努力学习这门语言,还加入了 jQuery 项目团队,专门从事客户端开发。我的日子过得很爽。

    对JavaScript 了解得越深,接触的开发人员就越多,其中不乏今天在我眼里依然是巨星和导师级的人物。尼古拉斯·泽卡斯(本书作者)就是这样一位开发人员。我一直记得在读本书第2版时心中油然而生的喜悦之情,虽然我也有多年的积累,但仍然从中学到了很多新东西。这本书实实在在、深入浅出,读来就好像尼古拉斯对不同层次的读者都了如指掌,所以他的风格才那么贴切自然。对于技术书来说,这是非常突出的一个特色。多数作者都想靠坚深的技术给人留下印象,但这本书不同。所以,它很快就成为了我案头必备的书,我也会向那些有志全面掌握 JavaScript 的开发人员推荐这本书。我希望每个人对这本书都能有跟我一样的体会,认识到它的价值所在。

    后来,在一次 jQuery 大会上,我荣幸地见到了尼古拉斯本人。站在我面前的是一位世界顶级的JavaScript开发人员,而且正负责世界上最重要的一个Web站点(雅虎)。尼古拉斯是我见过的最随和的人之一。真的,见到他的时候我有一种追星族的幻觉。但他就是那么一个活生生的人,一个想帮助开发人员成就梦想的人。不仅他的书改变了我对 JavaScript 的认识,而且尼古拉斯这个人,也让我愿意接近,愿意了解。

    听说尼古拉斯要请我作序,我激动得不知道说什么才好。在此,我代表大牛来为本书暖场。这个序也是他本人有多么令人景仰的一个明证。不过,更重要的是,这也给了我一个机会,让我能跟大家分享自己为什么觉得这本书如此重要。我看过很多 JavaScript 图书,的确也有很多令人叹服的佳作。但在我看来,这本书为读者成为全方位的 JavaScript 高手提供了“一揽子方案”。

    这本书从介绍表达式和变量声明开始,平滑地过渡到了闭包、面向对象开发等高级主题。与那些把大量篇幅花在讲解背景知识上的书,以及那些让人感觉好像是要使用 JavaScript 开发导弹制导系统的书相比,这本书让人感觉细致周到、亲切自然。这是一本写给“普通人”的书,它能让你编写出引以为荣的代码,构建出令人叫绝的网站。

    雷 · 邦戈(Rey Bango)
    微软公司高级布道师,jQuery 项目团队核心成员

    前言

    从驱动全球商业、贸易及管理领域不计其数的复杂应用程序的角度来看,说 JavaScript 已经成为当今世界上最流行的编程语言一点儿都不为过。

    JavaScript 是一种非常松散的面向对象语言,也是 Web 开发中极受欢迎的一门语言。JavaScript,尽管它的语法和编程风格与 Java 都很相似,但它却不是 Java 的“轻量级”版本,甚至与 Java 没有任何的关系。JavaScript 是一种全新的动态语言,它植根于全球数亿网民都在使用的 Web 浏览器之中,致力于增强网站和 Web 应用程序的交互性。

    在本书中,我们将对 JavaScript 追根溯源,从它在最早的 Netscape 浏览器中诞生谈起,一直谈到今天的它对 DOM 和 Ajax 的强大支持。读者将通过本书掌握如何运用和扩展这门语言,从而更好地满足自己的需求,以及如何实现客户端与服务器的无缝通信,而又不必求助于 Java 或隐藏的网页框架(frame 元素)。一言以蔽之,本书将教会你在面对各种常见的 Web 开发问题时,如何拿出自己的 JavaScript 解决方案。

    本书读者对象

    本书将下列三类人员作为目标读者:

    1. 熟悉面向对象编程、经验丰富而又打算学习JavaScript 的开发人员,JavaScript 毕竟与Java、C++ 等传统 OO 语言存在着诸多联系;

    2. 有意提升自己网站和 Web 应用程序易用性的 Web 开发人员;

    3. 希望全面深入地理解这门语言的初级 JavaScript 开发人员。

    此外,本书也适合熟悉下列相关技术的读者阅读:

    1. Java

    2. PHP

    3. ASP.NET

    4. HTML

    5. CSS

    6. XML

    本书不适合没有计算机基础知识的初学者,也不适合只想为网站添加简单交互功能的读者。建议这些朋友学习阅读 Beginning JavaScript, 3rd Edition(Wiley, 2007)一书1

    本书内容

    本书提供了 JavaScript 开发人员必须掌握的内容,全面涵盖了 JavaScript 的各种高级、有用的特性。

    本书首先介绍了 JavaScript 的起源及其发展现状,随后讨论了构成 JavaScript 实现的各个组成部分,重点讲解了 ECMAScript 和 DOM 标准。此外,还对不同 Web 浏览器的 JavaScript 实现之间存在的差异,给出了相应的说明。

    在此基础上,本书从讲解 JavaScript 的基本概念入手,探讨了 JavaScript 面向对象程序设计和继承的方式,以及如何在 HTML 等标记语言中使用它。在深入剖析了事件和事件处理之后,又解释了各种浏览器检测技术。本书还探讨了 HTML5、Selectors API 和 File API 等一系列新 API。

    本书最后一部分专门讨论了高级主题,涉及性能和内存优化、最佳实践以及对 JavaScript 未来的展望。

    本书结构

    本书共25章,各章简介如下。

    第1章“JavaScript 简介”,讲述了 JavaScript 的起源:因何而生,如何发展,现状如何。涉及的概念主要有J avaScript 与 ECMAScript 之间的关系、DOM(Document Object Model,文档对象模型)、BOM(Browser Object Model,浏览器对象模型)。此外,还将讨论 ECMA(European Computer Manufacturer's Association,欧洲计算机制造商协会)和 W3C(World Wide Web Consortium,万维网联盟)制定的一些相关标准。

    第2章“在 HTML 中使用 JavaScript”,介绍了如何在 HTML 中使用 JavaScript 创建动态网页。这一章不仅展示了在网页中嵌入 JavaScript 的各种方式,还讨论了 JavaScript 内容类型(content-type)及其与<script>元素的关系。

    第3章“基本概念”,讨论了 JavaScript 语言的基本概念,包括语法和流控制语句。这一章也分析了 JavaScript 与其他基于 C 的语言在语法上的相同和不同之处,还介绍了与内置操作符有关的类型转换问题。

    第4章“变量、作用域和内存问题”,探讨了 JavaScript 如何处理其松散类型的变量。这一章还讨论了原始值和引用值之间的差别,以及与变量有关的执行环境的相应内容。最后,通过介绍 JavaScript 的垃圾收集机制,解释了变量在退出作用域时释放其内存的问题。

    第5章“引用类型”,详尽介绍了 JavaScript 内置的所有引用类型,如ObjectArray。这一章对 ECMA-262 规范中描述的每一种引用类型既做了理论上的阐释,又从浏览器实现的角度给出了介绍。

    第6章“面向对象的程序设计”,讲述了在 JavaScript 中如何实现面向对象的程序设计。由于 JavaScript 没有类的概念,因此这一章从对象创建和继承的层面上展示了一些流行的技术。此外,这一章还讲解了函数原型的概念,并对函数原型与整个面向对象方法的关系进行了探讨。

    第7章“函数表达式”,集中介绍了 JavaScript 中最为强大的一个特性——函数表达式。相关的内容涉及闭包、this对象的角色、模块模式和创建私有对象成员等。

    第8章“BOM”,介绍 BOM(Browser Object Model,浏览器对象模型),即负责处理与浏览器自身有关的交互操作的对象集合。这一章全面介绍了每一个BOM对象,包括windowdocumentlocationnavigatorscreen

    第9章“客户端检测”,讨论了检测客户端机器及其支持特性的各种手段,包括特性检测及用户代理字符串检测的不同技术。这一章还就每种手段的优缺点及适用情形给出了详细说明。

    第10章“DOM”,介绍 DOM(Document Object Model,文档对象模型),即 DOM1 规定的 JavaScript 中的 DOM 对象。这一章也简要介绍了 XML 及其与 DOM 的关系,为深入探讨所有 DOM 规范及其定义的操作网页的方式奠定了基础。

    第11章“DOM 扩展”,介绍了其他 API 以及浏览器本身为 DOM 添加的各种功能。涉及内容包括Selectors API、Element Traversal API 和 HTML5 扩展。

    第12章“DOM2 和 DOM3”,在前两章的基础上继续探讨了 DOM2 和 DOM3 中新增的 DOM 属性、方法和对象。这一章还讨论了 IE 与其他浏览器的兼容性问题。

    第13章“事件”,解释了 JavaScript 中事件的本质,对遗留机制的支持,以及 DOM 对事件机制的重新定义。这一章讨论了多种设备,包括 Wii 和 iPhone。

    第14章“表单脚本”,讲述如何使用 JavaScript 增强表单的交互性,突破浏览器的局限性。这一章的讨论主要围绕单个表单元素如文本框、选择框,以及围绕数据验证和操作展开。

    第15章“使用 Canvas 绘图”,讨论了<canvas>标签以及如何通过它来动态绘图。不仅涵盖 2D 上下文,也将讨论 WebGL(3D)上下文,可以为创建动画和游戏夯实基础。

    第16章“HTML5 脚本编程”,介绍了 HTML5 规定的 JavaScript API,涉及跨文档传递消息、拖放 API 和以编程方式控制<audio><video>元素,以及管理历史状态。

    第17章“错误处理与调试”,讨论浏览器如何处理 JavaScript 代码错误,并展示了一些处理错误的方式。这一章针对每种浏览器分别讨论了相应的调试工具和技术,还给出了简化调试工作的建议。

    第18章“JavaScript 与 XML”,展示了 JavaScript 中用于读取和操作 XML(eXtensible Markup Language,可扩展标记语言)的特性。这一章分析了不同浏览器提供的 XML 支持和对象的差异,给出了编写跨浏览器代码的简易方法。此外,这一章还介绍了用于在客户端转换 XML 数据的 XSLT(eXtensible Stylesheet Language Transformations,可扩展样式表语言转换)技术。

    第19章“E4X”,讨论了 E4X(ECMAScript for XML,ECMAScript 中的 XML 扩展);设计 E4X 的出发点是简化 XML 处理任务。这一章探讨了在处理 XML 时,使用 E4X 与使用 DOM 相比有哪些优势。

    第20章“JSON”,介绍了作为 XML 替代格式的 JSON,包含浏览器原生支持的 JSON 解析和序列化,以及使用 JSON 时要注意的安全问题。

    第21章“Ajax 与 Comet”,讲解了常用的 Ajax 技术,包括使用XMLHttpRequest对象及 CORS(Cross-Origin Resource Sharing,跨来源资源共享)API 实现跨域 Ajax 通信。这一章展示了浏览器在实现与支持方面存在的差异,同时也给出了一些使用建议。

    第22章“高级技巧”,深入讲解了一些 JavaScript 中较复杂的模式,包括函数柯里化(currying)、部分函数应用和动态函数。这一章还讨论了如何创建自定义的事件框架和使用 ECMAScript 5 创建防篡改对象。

    第23章“离线应用与客户端存储”,讨论了如何检测应用离线以及在客户端机器中存储数据的各种技术。先从受到最广泛支持的特性 cookie 谈起,继而介绍了新兴的客户端存储技术,如 Web Storage 和 IndexedDB。

    第24章“最佳实践”,探讨了在企业级环境中使用 JavaScript 的各种方式。其中,着眼于提高可维护性的内容包括编码技巧、格式化和通用编程实践。这一章还介绍了改善代码执行性能及速度优化的一些技术。最后讨论了部署问题,包括如何创建构建过程。

    第25章“新兴的 API”,介绍了为增强浏览器中的 JavaScript 而创建的新 API。虽然这些 API 还没有得到完整或全面的支持,但它们已经崭露头角,有些浏览器也已经部分地实现了这些 API。这一章的内容主要是 Web 计时和文件 API。

    使用示例

    要运行本书中的示例,需要安装下列软件:

    • Windows XP、Windows 7 或 Mac OS X;

    • Internet Explorer 6 及更高版本、Firefox 2 及更高版本、Opera 9 及更高的版本、Chrome、 Safari 2 及更高版本。

    完整的示例源代码可以从http://www.wrox.com/中下载(下载步骤见“源代码”一节)2

    排版约定

    为了让读者更好地理解本书内容,同时把握住全书的重点,本书将采用以下排版约定。

    03.QY.02.png 这种带警告图标的方框样式,表示与上下文相关的重要的、需要牢记的内容。

    03.QY.01.png 这种带钢笔图标的方框样式,表示与上下文相关的说明、提示、技巧、窍门和背景知识。

    正文中的样式说明如下。

    1. 新术语及重要的词汇在首次出现时使用加粗字体以示强调;

    2. 表示键盘命令组合的方式是 Ctrl+A;

    3. 正文中的代码使用等宽字体,如persistence.properties

    4. 代码有两种样式:

      var obj = new Object();         // 大多数示例代码都没有加粗
      var obj = new Object();        // 加粗的代码表示在上下文中特别重要

    源代码

    在学习本书示例代码时,可以手工敲入所有代码,也可以使用随书的源代码文件。本书所有源代码都可以到 www.wrox.com 中下载。登录该站点后,先找到本书(通过搜索或者图书列表),打开本书页面后,单击其中的 Download Code 链接,就可以下载本书的源代码了3。对于包含在下载文件中的源代码,书中会添加以下图标:

    03.QY.03.png

    本书代码示例旁边会附有文件名,从中可以找到对应的代码片段。文件名的格式如下:

    代码片段所在的文件名

    03.QY.01.png 由于很多书的书名看起来类似,所以更好的方式是通过书的 ISBN 来搜索它。本书原版的 ISBN 是978-1-118-02669-4。

    下载完代码后,请使用解压缩软件将其解压缩。此外,读者也可以登录 Wrox 代码下载主页www.wrox.com/dynamic/books/download.aspx,查找并下载本书及其他 Wrox 图书的示例代码。

    勘误信息4

    我们尽最大努力确保正文和代码没有错误。可是,金无足赤,错误在所难免。如果读者发现我们书中的任何错误,例如错别字或代码片段无法运行等,希望您能及时给我们反馈。您提交的勘误不仅能让其他读者受益,而且也能帮助我们进一步提高图书质量。

    本书原版的勘误页面位于 www.wrox.com 中,登录该站点后可以通过搜索或查询图书列表找到本书页面,然后单击页面中的 Errata(勘误)链接。然后可以看到其他读者已经提交并由 Wrox 的编辑发布的勘误信息。另外,在 www.wrox.com/misc-pages/booklist.shtml 页面中也可以找到本书及勘误页面的链接。

    如果读者在本书勘误页面中没有发现“你的”错误,麻烦打开 www.wrox.com/contact/techsupport.shtml 页面,填写其中的表单并将错误发送给我们。我们会认真核对您提交的错误,如果错误确实存在,我们将把它补充到本书勘误页面中。同时,也将根据您提供的信息对本书后续版本加以改正。

    p2p.wrox.com

    如果您想与本书作者或者其他读者沟通,请加入 P2P 论坛(p2p.wrox.com)。该论坛是基于 Web 的系统,您可以在其中发表与 Wrox 图书及相关技术有关的帖子,并同其他读者或者技术用户交流。论坛提供了一个订阅功能,您可以选择当发表您感兴趣的帖子时通过邮件通知您。Wrox 的作者、编辑、其他行业的专家以及与您正在读同一本书的读者都会出现在这个论坛中。

    http://p2p.wrox.com 中,有很多论坛不仅对您理解本书有帮助,而且还会对开发应用程序有帮助。要加入这个论坛,请按下面几个步骤进行:

    1. 登录到 p2p.wrox.com,单击 Register(注册)链接;

    2. 阅读使用条款并单击 Agree(同意);

    3. 完成必填信息和您愿意提供的可选信息,然后单击 Submit(提交);

    4. 随后,您会收到一封电子邮件,其中包含如何验证账号和完成注册过程的信息。

    03.QY.01.png 如果不加入 P2P 论坛,虽然也可以阅读其中的帖子,但却不能发表帖子,只有注册后才能发表。

    在加入论坛后,既可以发表新帖子也可以回复其他用户的帖子。可以在任何时间上网浏览论坛中的帖子。如果希望将某个论坛中的新帖子通过电子邮件发送给您,请在论坛列表中单击与论坛名相关的 Subscribe to this Forum(订阅这个论坛)图标。

    如果想了解有关如何使用 Wrox P2P 的更多信息,请阅读包含论坛规则、P2P 及 Wrox 图书常见问题的 P2P FAQ;要阅读 FAQ,可以在任何 P2P 页面中单击 FAQ 链接。

    致谢

    虽然作者的名字被印在了封面上,但一个人是不可能完成这本书的,我想感谢与出版本书有关的一些人。

    首先,感谢 John Wiley & Sons 继续给我写作的机会。当时,出版本书第1版时,他们是唯一愿意承担风险的一家出版社。对此,我将永远铭记于心。

    感谢 John Wiley & Sons 的编辑人员,特别是 Kevin Kent 和 John Peloquin,他们卓有成效的工作使我保持了坦诚直率的风格,也解决了我在写作期间不断变更内容的问题。

    还要感谢对本书草稿给出反馈意见的所有人:Rob Friesel、Sergey Ilinsky、Dan Kielp、Peter-Paul Koch、Jeremy McPeak、Alex Petrescu、Dmitry Soshnikov和Juriy “Kangax” Zaytsev。你们的宝贵意见让我自己都为本书感到骄傲。

    我想特别感谢 Brendan Eich,感谢他纠正了第1章中有关 JavaScript 历史的细节问题。

    最后,当然也是非常重要的,感谢 Rey Bango 为本书作序。很高兴在与 Rey 通过网络认识几年之后,终于在2010年有缘相见。他是这个行业里真正出色的人,我非常荣幸能请到他为本书作序。

    关于技术编辑

    John Peloquin 是一位有十多年 JavaScript 经验的前端工程师,开发过各种规模的应用。John 拥有加州大学伯克利分校的数学学士学位,目前在一家致力于卫生保健的创业公司担任开发主管。在编辑本书之前,John 编辑过 Jeremy McPeak 的JavaScript 24-Hour Trainer(Wiley,2010)。编写代码和收集勘误之余,John 经常沉迷于数学、哲学和魔术。


    1 本书中文版《JavaScript 入门经典(第3版)》已经由清华大学出版社出版。——译者注(以下脚注如无特殊说明,均为译者注)

    2 读者也可以在图灵社区(http://www.ituring.com.cn/)本书的页面中免费注册下载。

    3 翻译本书时,wrox.com中下载本书代码的短地址为:http://tinyurl.com/projs-3nd-code

    4 您也可以登录图灵社区(http://www.ituring.com.cn/),在本书页面中提交您发现的错误。

    第1章 JavaScript 简介

    本章内容
    • JavaScript 历史回顾
    • JavaScript 是什么
    • JavaScript 与 ECMAScript 的关系
    • JavaScript 的不同版本 

    JavaScript 诞生于1995年。当时,它的主要目的是处理以前由服务器端语言(如 Perl)负责的一些输入验证操作。在 JavaScript 问世之前,必须把表单数据发送到服务器端才能确定用户是否没有填写某个必填域,是否输入了无效的值。Netscape Navigator 希望通过 JavaScript 来解决这个问题。在人们普遍使用电话拔号上网的年代,能够在客户端完成一些基本的验证任务绝对是令人兴奋的。毕竟,拨号上网的速度之慢,导致了与服务器的每一次数据交换事实上都成了对人们耐心的一次考验。

    自此以后,JavaScript 逐渐成为市面上常见浏览器必备的一项特色功能。如今,JavaScript 的用途早已不再局限于简单的数据验证,而是具备了与浏览器窗口及其内容等几乎所有方面交互的能力。今天的 JavaScript 已经成为一门功能全面的编程语言,能够处理复杂的计算和交互,拥有了闭包、匿名(lambda,拉姆达)函数,甚至元编程等特性。作为 Web 的一个重要组成部分,JavaScript 的重要性是不言而喻的,就连手机浏览器,甚至那些专为残障人士设计的浏览器等非常规浏览器都支持它。当然,微软的例子更为典型。虽然有自己的客户端脚本语言 VBScript,但微软仍然在 Internet Explorer 的早期版本中加入了自己的 JavaScript 实现1

    JavaScript 从一个简单的输入验证器发展成为一门强大的编程语言,完全出乎人们的意料。应该说,它既是一门非常简单的语言,又是一门非常复杂的语言。说它简单,是因为学会使用它只需片刻功夫;而说它复杂,是因为要真正掌握它则需要数年时间。要想全面理解和掌握 JavaScript,关键在于弄清楚它的本质、历史和局限性。

    1.1 JavaScript 简史

    在 Web 日益流行的同时,人们对客户端脚本语言的需求也越来越强烈。那个时候,绝大多数因特网用户都使用速度仅为 28.8kbit/s的“猫”(调制解调器)上网,但网页的大小和复杂性却不断增加。为完成简单的表单验证而频繁地与服务器交换数据只会加重用户的负担。想象一下:用户填写完一个表单,单击“提交”按钮,然后等待30秒钟,最终服务器返回消息说有一个必填字段没有填好……当时走在技术革新最前沿的 Netscape 公司,决定着手开发一种客户端语言,用来处理这种简单的验证。

    当时就职于 Netscape 公司的布兰登 · 艾奇(Brendan Eich),开始着手为计划于1995年2月发布的 Netscape Navigator 2 开发一种名为 LiveScript 的脚本语言——该语言将同时在浏览器和服务器中使用(它在服务器上的名字叫 LiveWire)。为了赶在发布日期前完成 LiveScript 的开发,Netscape 与 Sun 公司建立了一个开发联盟。在 Netscape Navigator 2 正式发布前夕,Netscape 为了搭上媒体热炒 Java 的顺风车,临时把 LiveScript 改名为 JavaScript。

    由于 JavaScript 1.0 获得了巨大成功,Netscape 随即在 Netscape Navigator 3 中又发布了 JavaScript 1.1。Web 虽然羽翼未丰,但用户关注度却屡创新高。在这样的背景下,Netscape 把自己定位为市场领袖型公司。与此同时,微软决定向与 Navigator 竞争的自家产品 Internet Explorer 浏览器投入更多资源。Netscape Navigator 3 发布后不久,微软就在其 Internet Explorer 3 中加入了名为 JScript 的 JavaScript 实现(命名为 JScript 是为了避开与 Netscape 有关的授权问题)。以现在的眼光来看,微软1996年8月为进入 Web 浏览器领域而实施的这个重大举措,是导致 Netscape 日后蒙羞的一个标志性事件。然而,这个重大举措同时也标志着 JavaScript 作为一门语言,其开发向前迈进了一大步。

    微软推出其 JavaScript 实现意味着有了两个不同的 JavaScript 版本:Netscape Navigator 中的 JavaScript、Internet Explorer 中的 JScript 和 ScriptEase 中的 CEnvi。与 C 及其他编程语言不同,当时还没有标准规定 JavaScript 的语法和特性,两个不同版本并存的局面已经完全暴露了这个问题。随着业界担心的日益加剧,JavaScript 的标准化问题被提上了议事日程。

    1997年,以 JavaScript 1.1 为蓝本的建议被提交给了欧洲计算机制造商协会(ECMA,European Computer Manufacturers Association)。该协会指定39号技术委员会(TC39,Technical Committee #39)负责“标准化一种通用、跨平台、供应商中立的脚本语言的语法和语义”(http://www.ecma-international.org/memento/TC39.htm)。TC39 由来自 Netscape、Sun、微软、Borland 及其他关注脚本语言发展的公司的程序员组成,他们经过数月的努力完成了 ECMA-262——定义一种名为 ECMAScript(发音为“ek-ma-script”)的新脚本语言的标准。

    第二年,ISO/IEC(International Organization for Standardization and International Electrotechnical Commission,国标标准化组织和国际电工委员会)也采用了 ECMAScript 作为标准(即 ISO/IEC-16262)。自此以后,浏览器开发商就开始致力于将 ECMAScript 作为各自 JavaScript 实现的基础,也在不同程度上取得了成功。

    1.2 JavaScript 实现

    虽然 JavaScript 和 ECMAScript 通常都被人们用来表达相同的含义,但 JavaScript 的含义却比 ECMA-262 中规定的要多得多。没错,一个完整的 JavaScript 实现应该由下列三个不同的部分组成(见图1-1)。

    • 核心(ECMAScript)

    • 文档对象模型(DOM)

    • 浏览器对象模型(BOM)

    04.d01z.01.png

    图1-1

    1.2.1 ECMAScript

    由 ECMA-262 定义的 ECMAScript 与 Web 浏览器没有依赖关系。实际上,这门语言本身并不包含输入和输出定义。ECMA-262 定义的只是这门语言的基础,而在此基础之上可以构建更完善的脚本语言。我们常见的 Web 浏览器只是 ECMAScript 实现可能的宿主环境之一。宿主环境不仅提供基本的 ECMAScript 实现,同时也会提供该语言的扩展,以便语言与环境之间对接交互。而这些扩展——如 DOM,则利用 ECMAScript 的核心类型和语法提供更多更具体的功能,以便实现针对环境的操作。其他宿主环境包括 Node(一种服务器端 JavaScript 平台)和 Adobe Flash。

    既然 ECMA-262 标准没有参照 Web 浏览器,那它都规定了些什么内容呢?大致说来,它规定了这门语言的下列组成部分:

    • 语法
    • 类型
    • 语句
    • 关键字
    • 保留字
    • 操作符
    • 对象

    ECMAScript 就是对实现该标准规定的各个方面内容的语言的描述。JavaScript 实现了 ECMAScript,Adobe ActionScript 同样也实现 了ECMAScript。

    1. ECMAScript 的版本

    ECMAScript 的不同版本又称为版次,以第x版表示(意即描述特定实现的 ECMA-262 规范的第x个版本)。ECMA-262 的最近一版是第5版,发布于2009年。而 ECMA-262 的第1版本质上与 Netscape 的 JavaScript 1.1 相同——只不过删除了所有针对浏览器的代码并作了一些较小的改动:ECMA-262 要求支持 Unicode 标准(从而支持多语言开发),而且对象也变成了平台无关的(Netscape JavaScript 1.1的对象在不同平台中的实现不一样,例如Date对象)。这也是J avaScript 1.1 和1.2与 ECMA-262 第1版不一致的主要原因。

    ECMA-262 第2版主要是编辑加工的结果。这一版中内容的更新是为了与 ISO/IEC-16262 保持严格一致,没有作任何新增、修改或删节处理。因此,一般不使用第2版来衡量 ECMAScript 实现的兼容性。

    ECMA-262 第3版才是对该标准第一次真正的修改。修改的内容涉及字符串处理、错误定义和数值输出。这一版还新增了对正则表达式、新控制语句、try-catch异常处理的支持,并围绕标准的国际化做出了一些小的修改。从各方面综合来看,第3版标志着 ECMAScript 成为了一门真正的编程语言。

    ECMA-262 第4版对这门语言进行了一次全面的检核修订。由于 JavaScript 在 Web 上日益流行,开发人员纷纷建议修订 ECMAScript,以使其能够满足不断增长的 Web 开发需求。作为回应,ECMA TC39 重新召集相关人员共同谋划这门语言的未来。结果,出台后的标准几乎在第3版基础上完全定义了一门新语言。第4版不仅包含了强类型变量、新语句和新数据结构、真正的类和经典继承,还定义了与数据交互的新方式。

    与此同时,TC39 下属的一个小组也提出了一个名为 ECMAScript 3.1 的替代性建议,该建议只对这门语言进行了较少的改进。这个小组认为第4版给这门语言带来的跨越太大了。因此,该小组建议对这门语言进行小幅修订,能够在现有 JavaScript 引擎基础上实现。最终,ES3.1 附属委员会获得的支持超过了 TC39,ECMA-262 第4版在正式发布前被放弃。

    ECMAScript 3.1 成为 ECMA-262 第5版,并于2009年12月3日正式发布。第5版力求澄清第3版中已知的歧义并增添了新的功能。新功能包括原生 JSON 对象(用于解析和序列化 JSON 数据)、继承的方法和高级属性定义,另外还包含一种严格模式,对 ECMAScript 引擎解释和执行代码进行了补充说明。

    2. 什么是 ECMAScript 兼容

    ECMA-262 给出了 ECMAScript 兼容的定义。要想成为 ECMAScript 的实现,则该实现必须做到:

    • 支持 ECMA-262 描述的所有“类型、值、对象、属性、函数以及程序句法和语义”(ECMA-262 第1页);

    • 支持 Unicode 字符标准。

    此外,兼容的实现还可以进行下列扩展。

    • 添加 ECMA-262 没有描述的“更多类型、值、对象、属性和函数”。ECMA-262 所说的这些新增特性,主要是指该标准中没有规定的新对象和对象的新属性。

    • 支持 ECMA-262 没有定义的“程序和正则表达式语法”。(也就是说,可以修改和扩展内置的正则表达式语法。)

    上述要求为兼容实现的开发人员基于 ECMAScript 开发一门新语言提供了广阔的空间和极大的灵活性,这也从另一个侧面说明了 ECMAScript 受开发人员欢迎的原因。

    3. Web 浏览器对 ECMAScript 的支持

    1996年,Netscape Navigator 3 捆绑发布了 JavaScript 1.1。而相同的 JavaScript 1.1 设计规范随后作为对新标准(ECMA-262)的建议被提交给 Ecma。伴随着 JavaScript 的迅速走红,Netscape 豪情满怀地着手开发 JavaScript 1.2。然而,问题是 Ecma 当时还没有接受 Netscape 的建议。

    Netscape Navigator 3 发布后不久,微软也推出了 Internet Explorer 3。微软在 IE 的这一版中捆绑了 JScript 1.0,很多人都认为 JScript 1.0 与 JavaScript 1.1 应该是一样的。但是,由于没有文档依据,加之不适当的特性模仿,JScript 1.0 还是很难与 JavaScript 1.1 相提并论。

    1997年,内置 JavaScript 1.2 的 Netscape Navigator 4 发布;而到这一年年底,ECMA-262 第1版也被接受并实现了标准化。结果,虽然 ECMAScript 被认为是基于 JavaScript 1.1 制定的,但 JavaScript 1.2 与 ECMAScript 的第1版并不兼容。

    JScript 的升级版是 Internet Explorer 4中内置的 JScript 3.0(随同微软 IIS 3.0发布的 JScript 2.0从来也没有移植到浏览器中)。微软通过媒体大肆宣传 JScript 3.0是世界上第一个 ECMA兼容的脚本语言,但当时的 ECMA-262 尚未定稿。于是,JScript 3.0与 JavaScript 1.2都遭遇了相同的尴尬局面——谁都没有按照最终的 ECMAScript 标准来实现。

    Netscape 决定更新其 JavaScript 实现,即在 Netscape Navigator 4.06中发布 JavaScript 1.3,从而做到了与 ECMA-262 的第一个版本完全兼容。在 JavaScript 1.3中,Netscape 增加了对 Unicode标准的支持,并在保留 JavaScript 1.2新增特性的同时实现了所有对象的平台中立化。

    在 Netscape 以 Mozilla 项目的名义开放其源代码时,预期 JavaScript 1.4将随同 Netscape Navigator 5一道发布。然而,一个激进的决定,彻底重新设计 Netscape 代码,打乱了原有计划。后来,JavaScript 1.4只发布了针对 Netscape Enterprise Server 的服务器版,而没有内置于 Web 浏览器中。

    到了2008年,五大主流 Web 浏览器(IE、Firefox、Safari、Chrome 和 Opera)全部做到了与 ECMA-262 兼容。IE8 是第一个着手实现 ECMA-262 第5版的浏览器,并在 IE9 中提供了完整的支持。Firefox 4也紧随其后做到兼容。下表列出了 ECMAScript 受主流 Web 浏览器支持的情况。

    浏 览 器ECMAScript兼容性 浏 览 器ECMAScript兼容性
    Netscape Navigator 2Opera 6~7.1第2版
    Netscape Navigator 3Opera 7.2+第3版
    Netscape Navigator 4~4.05Safari 1~2.0.x第3版*
    Netscape Navigator 4.06~4.79第1版Safari 3.x第3版
    Netscape 6+(Mozilla 0.6.0+)第3版Safari 4.x~5.x第5版*
    IE3Chrome 1+第3版
    IE4Firefox 1~2第3版
    IE5第1版Firefox 3.0.x第3版
    IE5.5~IE7第3版Firefox 3.5~3.6第5版*
    IE8第5版*Firefox 4.0 +第5版
    IE9+第5版

    * 不完全兼容的实现

    1.2.2 文档对象模型(DOM)

    文档对象模型(DOM,Document Object Model)是针对 XML 但经过扩展用于 HTML 的应用程序编程接口(API,Application Programming Interface)。DOM 把整个页面映射为一个多层节点结构。HTML 或 XML 页面中的每个组成部分都是某种类型的节点,这些节点又包含着不同类型的数据。看下面这个 HTML 页面:

    <html>    <head>         <title>Sample Page</title>    </head>    <body>        <p>Hello World!</p>    </body></html>

    在 DOM 中,这个页面可以通过图1-2所示的分层节点图表示。

    通过 DOM 创建的这个表示文档的树形图,开发人员获得了控制页面内容和结构的主动权。借助 DOM 提供的 API,开发人员可以轻松自如地删除、添加、替换或修改任何节点。

    1. 为什么要使用 DOM

    在 Internet Explorer 4和 Netscape Navigator 4分别支持的不同形式的 DHTML(Dynamic HTML)基础上,开发人员首次无需重新加载网页,就可以修改其外观和内容了。然而,DHTML 在给 Web 技术发展带来巨大进步的同时,也带来了巨大的问题。由于 Netscape 和微软在开发 DHTML 方面各持己见,过去那个只编写一个 HTML 页面就能够在任何浏览器中运行的时代结束了。

    对开发人员而言,如果想继续保持 Web 跨平台的天性,就必须额外多做一些工作。而人们真正担心的是,如果不对 Netscape 和微软加以控制,Web 开发领域就会出现技术上两强割据,浏览器互不兼容的局面。此时,负责制定 Web 通信标准的 W3C(World Wide Web Consortium,万维网联盟)开始着手规划DOM。

    04.d01z.02.png

    图1-2

    2. DOM 级别

    DOM1 级(DOM Level 1)于1998年10月成为 W3C 的推荐标准。DOM1 级由两个模块组成:DOM 核心(DOM Core)和 DOM HTML。其中,DOM 核心规定的是如何映射基于 XML 的文档结构,以便简化对文档中任意部分的访问和操作。DOM HTML 模块则在 DOM 核心的基础上加以扩展,添加了针对 HTML 的对象和方法。

    03.QY.01.png 请读者注意,DOM 并不只是针对 JavaScript 的,很多别的语言也都实现了 DOM。不过,在 Web 浏览器中,基于 ECMAScript 实现的 DOM 的确已经成为 JavaScript 这门语言的一个重要组成部分。

    如果说 DOM1 级的目标主要是映射文档的结构,那么 DOM2 级的目标就要宽泛多了。DOM2 级在原来 DOM 的基础上又扩充了(DHTML 一直都支持的)鼠标和用户界面事件、范围、遍历(迭代 DOM 文档的方法)等细分模块,而且通过对象接口增加了对 CSS(Cascading Style Sheets,层叠样式表)的支持。DOM1 级中的 DOM 核心模块也经过扩展开始支持 XML 命名空间。

    DOM2 级引入了下列新模块,也给出了众多新类型和新接口的定义。

    • DOM 视图(DOM Views):定义了跟踪不同文档(例如,应用 CSS 之前和之后的文档)视图的接口;

    • DOM 事件(DOM Events):定义了事件和事件处理的接口;

    • DOM 样式(DOM Style):定义了基于 CSS 为元素应用样式的接口;

    • DOM 遍历和范围(DOM Traversal and Range):定义了遍历和操作文档树的接口。

    DOM3 级则进一步扩展了 DOM,引入了以统一方式加载和保存文档的方法——在 DOM 加载和保存(DOM Load and Save)模块中定义;新增了验证文档的方法——在 DOM 验证(DOM Validation)模块中定义。DOM3 级也对 DOM 核心进行了扩展,开始支持 XML 1.0 规范,涉及 XML Infoset、XPath 和 XML Base。

    03.QY.01.png 在阅读 DOM 标准的时候,读者可能会看到 DOM0 级(DOM Level 0)的字眼。实际上,DOM0 级标准是不存在的;所谓 DOM0 级只是 DOM 历史坐标中的一个参照点而已。具体说来,DOM0级指的是 Internet Explorer 4.0和 Netscape Navigator 4.0最初支持的 DHTML。

    3. 其他 DOM 标准

    除了 DOM 核心和 DOM HTML 接口之外,另外几种语言还发布了只针对自己的 DOM 标准。下面列出的语言都是基于 XML 的,每种语言的 DOM 标准都添加了与特定语言相关的新方法和新接口:

    • SVG(Scalable Vector Graphic,可伸缩矢量图)1.0;

    • MathML(Mathematical Markup Language,数学标记语言)1.0;

    • SMIL(Synchronized Multimedia Integration Language,同步多媒体集成语言)。

    还有一些语言也开发了自己的 DOM 实现,例如 Mozilla 的 XUL(XML User Interface Language,XML 用户界面语言)。但是,只有上面列出的几种语言是 W3C 的推荐标准。

    4. Web 浏览器对 DOM 的支持

    在 DOM 标准出现了一段时间之后,Web 浏览器才开始实现它。微软在 IE5 中首次尝试实现 DOM,但直到 IE5.5 才算是真正支持 DOM1 级。在随后的 IE6 和 IE7 中,微软都没有引入新的 DOM 功能,而到了 IE8 才对以前 DOM 实现中的 bug 进行了修复。

    Netscape 直到 Netscape 6(Mozilla 0.6.0)才开始支持 DOM。在 Netscape 7之后,Mozilla把开发重心转向了 Firefox 浏览器。Firefox 3完全支持 DOM1 级,几乎完全支持 DOM2 级,甚至还支持 DOM3 级的一部分。(Mozilla开发团队的目标是构建与标准100%兼容的浏览器,而他们的努力也得到了回报。)

    目前,支持 DOM 已经成为浏览器开发商的首要目标,主流浏览器每次发布新版本都会改进对 DOM 的支持。下表列出了主流浏览器对 DOM 标准的支持情况。

    浏 览 器DOM兼容性
    Netscape Navigator 1. ~ 4.x
    Netscape 6+ (Mozilla 0.6.0+)1级、2级(几乎全部)、3级(部分)
    IE2~IE4.x
    IE51级(最小限度)
    IE5.5~IE81级(几乎全部)
    IE9+1级、2级、3级
    Opera 1~6
    Opera 7~8.x1级(几乎全部)、2级(部分)
    Opera 9~9.91级、2级(几乎全部)、3级(部分)
    Opera 10+1级、2级、3级(部分)
    Safari 1.0.x1级
    Safari 2+1级、2级(部分)
    Chrome 1+1级、2级(部分)
    Firefox 1+1级、2级(几乎全部)、3级(部分)

    1.2.3 浏览器对象模型(BOM)

    Internet Explorer 3和 Netscape Navigator 3有一个共同的特色,那就是支持可以访问和操作浏览器窗口的浏览器对象模型(BOM,Browser Object Model)。开发人员使用 BOM 可以控制浏览器显示的页面以外的部分。而 BOM 真正与众不同的地方(也是经常会导致问题的地方),还是它作为 JavaScript 实现的一部分但却没有相关的标准。这个问题在 HTML5 中得到了解决,HTML5 致力于把很多 BOM 功能写入正式规范。HTML5 发布后,很多关于 BOM 的困惑烟消云散。

    从根本上讲,BOM 只处理浏览器窗口和框架;但人们习惯上也把所有针对浏览器的 JavaScript 扩展算作 BOM 的一部分。下面就是一些这样的扩展:

    • 弹出新浏览器窗口的功能;

    • 移动、缩放和关闭浏览器窗口的功能;

    • 提供浏览器详细信息的navigator对象;

    • 提供浏览器所加载页面的详细信息的location对象;

    • 提供用户显示器分辨率详细信息的screen对象;

    • 对 cookies 的支持;

    • XMLHttpRequest和 IE 的ActiveXObject这样的自定义对象。

    由于没有 BOM 标准可以遵循,因此每个浏览器都有自己的实现。虽然也存在一些事实标准,例如要有window对象和navigator对象等,但每个浏览器都会为这两个对象乃至其他对象定义自己的属性和方法。现在有了 HTML5,BOM 实现的细节有望朝着兼容性越来越高的方向发展。第8章将深入讨论 BOM。

    1.3 JavaScript 版本

    作为 Netscape“继承人”的 Mozilla 公司,是目前唯一还在沿用最初的 JavaScript 版本编号序列的浏览器开发商。在 Netscape 将源代码提交给开源的 Mozilla 项目的时候,JavaScript 在浏览器中的最后一个版本号是1.3。(如前所述,1.4版是只针对服务器的实现。)后来,随着 Mozilla 基金会继续开发 JavaScript,添加新的特性、关键字和语法,JavaScript 的版本号继续递增。下表列出了 Netscape/Mozilla 浏览器中 JavaScript 版本号的递增过程:

    浏 览 器JavaScript版本浏 览 器JavaScript版本
    Netscape Navigator 21.0Firefox 1.51.6
    Netscape Navigator 31.1Firefox 21.7
    Netscape Navigator 41.2Firefox 31.8
    Netscape Navigator 4.061.3Firefox 3.51.8.1
    Netscape 6+(Mozilla 0.6.0+)1.5Firefox 3.61.8.2
    Firefox 11.5

    实际上,上表中的编号方案源自 Firefox 4将内置 JavaScript 2.0这一共识。因此,2.0版之前每个递增的版本号,表示的是相应实现与 JavaScript 2.0开发目标还有多大的距离。虽然原计划是这样,但 JavaScript 的这种发展速度让这个计划不再可行。目前,JavaScript 2.0还没有目标实现。

    03.QY.01.png 请注意,只有 Netscape/Mozilla 浏览器才遵循这种编号模式。例如,IE 的 JScript 就采用了另一种版本命名方案。换句话说,JScript 的版本号与上表中 JavaScript 的版本号之间不存在任何对应关系。而且,大多数浏览器在提及对 JavaScript 的支持情况时,一般都以 ECMAScript 兼容性和对 DOM 的支持情况为准。 JavaScript 是一种专为与网页交互而设计的脚本语言,由下列三个不同的部分组成:

    1.4 小结

    • ECMAScript,由 ECMA-262 定义,提供核心语言功能;

    • 文档对象模型(DOM),提供访问和操作网页内容的方法和接口;

    • 浏览器对象模型(BOM),提供与浏览器交互的方法和接口。

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


    1 对 IE 而言,当我们提到JavaScript时,实际上就是指 IE 对 JavaScript(ECMAScript)的实现——JScript。最早的 JScript 基于 Netscape JavaScript 1.0开发,于1996年8月随同 Internet Explorer 3.0发布。

    第2章 在 HTML 中使用 JavaScript
    第3章 基本概念(一)
    第3章 基本概念(二)
    第3章 基本概念(三)
    第3章 基本概念(四)
    第3章 基本概念(五)
    第4章 变量、作用域和内存问题(一)
    第4章 变量、作用域和内存问题(二)
    第4章 变量、作用域和内存问题(三)
    第5章 引用类型(一)
    第5章 引用类型(二)
    第5章 引用类型(三)
    第5章 引用类型(四)
    第5章 引用类型(五)
    第6章 面向对象的程序设计(一)
    第6章 面向对象的程序设计(二)
    第6章 面向对象的程序设计(三)
    第6章 面向对象的程序设计(四)
    第6章 面向对象的程序设计(五)
    第7章 函数表达式(一)
    第7章 函数表达式(二)
    第8章 BOM(一)
    第8章 BOM(二)
    第8章 BOM(三)
    第9章 客户端检测(一)
    第9章 客户端检测(二)
    第9章 客户端检测(三)
    第10章 DOM(一)
    第10章 DOM(二)
    第10章 DOM(三)
    第11章 DOM 扩展 (一)
    第11章 DOM 扩展 (二)
    第11章 DOM 扩展 (三)
    第12章 DOM2 和 DOM3(一)
    第12章 DOM2 和 DOM3(二)
    第12章 DOM2 和 DOM3(三)
    第13章 事件(一)
    第13章 事件(二)
    第13章 事件(三)
    第13章 事件(四)
    第13章 事件(五)
    第14章 表单脚本(一)
    第14章 表单脚本(二)
    第14章 表单脚本(三)
    第15章 使用 Canvas 绘图(一)
    第15章 使用 Canvas 绘图(二)
    第15章 使用 Canvas 绘图(三)
    第16章 HTML5 脚本编程(一)
    第16章 HTML5 脚本编程(二)
    第16章 HTML5 脚本编程(三)
    第17章 错误处理与调试(一)
    第17章 错误处理与调试(二)
    第17章 错误处理与调试(三)
    第18章 JavaScript 与 XM(一)
    第18章 JavaScript 与 XM(二)
    第18章 JavaScript 与 XM(三)
    第19章 E4X(一)
    第19章 E4X(二)
    第19章 E4X(三)
    第20章 JSON
    第21章 Ajax 与 Comet(一)
    第21章 Ajax 与 Comet(二)
    第21章 Ajax 与 Comet(三)
    第22章 高级技巧(一)
    第22章 高级技巧(二)
    第22章 高级技巧(三)
    第23章 离线应用与客户端存储(一)
    第23章 离线应用与客户端存储(二)
    第23章 离线应用与客户端存储(三)
    第24章 最佳实践(一)
    第24章 最佳实践(二)
    第24章 最佳实践(三)
    第25章 新兴的 API(一)
    第25章 新兴的 API(二)
    第25章 新兴的 API(三)
    附录 A
    附录 B
    附录 C
    附录 D

    阅读全文: http://gitbook.cn/gitchat/geekbook/5a40a91955091c1a88d9173b

    展开全文
  • JavaScript运行原理解析

    万次阅读 多人点赞 2016-01-09 17:06:41
    写在前面的话: 发现使用了那么长时间的...简单地说,JavaScript解析引擎就是能够“读懂”JavaScript代码,并准确地给出代码运行结果的一段程序。比方说,当你写了 var a = 1 + 1; 这样一段代码,JavaScrip
  • JavaScript引擎运行原理解析

    千次阅读 2018-09-30 10:16:41
    简单地说,JavaScript解析引擎就是能够“读懂”JavaScript代码,并准确地给出代码运行结果的一段程序。比方说,当你写了 var a = 1 + 1; 这样一段代码,JavaScript引擎做的事情就是看懂(解析)你这段代码,并且将a...
  • 直接运行节点JavaScript文件如果您的VPS包含许多应用程序,并且您不想为每个应用程序设置NodeJS服务器,那么您来对地方了。 node-direct允许直接运行JavaS node-direct直接运行服务器端JavaScript文件如果您的VPS...
  • 微信小程序JavaScript

    千次阅读 2018-09-19 18:39:32
    浏览器中JavaScript DOM:浏览器文档对象模型 BOM:浏览器对象模型 nodejs中的javascript实现 ECMAScript, Native, Npm 组成 Native:原生的模块,来使用一些原生JavaScript不具有的一些能力 npm 包管理工具,...
  • 浏览器中的JavaScript是如何运行

    千次阅读 2020-03-23 13:33:30
    浏览器中的JavaScript运行机制 JavaScript是单线程,可以通过异步来实现多线程 目录浏览器中的JavaScript运行机制ESMAScript和JavaScript的关系JS Engine(JS引擎)Context(执行上下文)Call Stack(调用栈)Event ...
  • 微信小程序面试题总结

    万次阅读 多人点赞 2019-10-23 09:43:07
    程序面试题 简单描述下微信小程序的相关文件类型? 一、WXML (WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件。与html...
  • 香草-javascript-SPA 具有JavaScript的单页应用程序(无框架) 可用脚本 在项目目录中,可以运行: node server.js 在开发模式下运行应用程序。 打开在浏览器中查看它。
  • javascript不依赖库开发windows应用程序

    千次阅读 2019-08-24 21:54:05
    其实javascript不仅可以做网页应用,也可以不依赖任何环境开发windows应用程序。windows系统自带mshta.exe,相当于一个javascript虚拟机,我们把.html文件扩展名改成.hta文件,网页就变成了hta应用程序,双击就可以...
  • 今天来给大家讲解一个完整的微信小程序点餐项目。java后台+微信小程序实现点餐系统。 后台技术选型: JDK8 MySQL(需要5.6以上) Spring-boot Spring-data-jpa Lombok Freemarker Bootstrap Websocket 小程序端...
  • JavaScript高级程序设计》 《JavaScript权威指南》 JavaScript是一种轻量的、解释型的、面向对象的头等函数语言,是一种动态的基于原型和多范式的脚本语言,支持面向对象、命令式和函数式的编程风格。 ...
  • 适用于JavaScript的自适应运行时平台 介绍 关于这个项目 去做 :grinning_face_with_smiling_eyes: 关于自适应运行时平台 混合应用程序是使用HTML5 / CSS3 / JavaScript Web技术构建的应用程序,并使用本机“容器”...
  • 用js写一段小程序,但是又觉得使用浏览器去运行挺麻烦的,下面为大家介绍下如何使用java程序调用javascript程序,有类似需求的朋友可以参考下哈,希望对大家有所帮助
  • JavaScript初步的学习中我们会发现,在Dreamweaver中编辑正确,或者完全从书上抄下来的程序,浏览器运行时出现的却是空白的页面。下面我们介绍一下出现这种情况,可能的原因。 1.例如下面的这段代码,就一个简单...
  • 程序运行报错:A JavaScript error occurred in the main process 运行自己编写的软件(BoneBD)打包后安装报错: 重新编译代码也无法打开。 搜索%appdata%文件夹,在里面找到(BoneBD)文件夹,删除。 重新编译...
  • 实验一 JavaScript程序设计基础 实验目的 熟悉JavaScript语言开发和运行环境 学习使用EditPlus编写JavaScript源程序 了解...实验要求 使用EditPlus编写JavaScript程序 使用Internet Explorer运行程序并观察运行
  • 如何在WebStorm中调试JavaScript程序

    千次阅读 2017-12-08 15:38:59
    1.下载chrome插件在chrome应用商店中搜索”JetBrains IDE Support”,点击”添加至chrome”进行安装:安装完成后,chrome的右上解...点击”+”号,选择”JavaScript Debug”: 配置要调试的页面路径: 点击右上角的debug
  • 在Java中运行javascript脚本示例

    千次阅读 2014-02-25 15:02:51
    在Java中运行javascript脚本示例 import javax.script.Invocable; import javax.script.ScriptEngine; import javax.script.ScriptEngineManager; import javax.script.ScriptException; /** * * @author

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 414,919
精华内容 165,967
关键字:

javascript怎么运行程序

java 订阅