Javascript简介 参考书: JavaScript the Definitive Guide4thed,by David Flanagan(O'Reilly) The Rhino" book 参考网址:/www.devguru.com(查函数和对象) 入门:htto:/ blog. ivi..cn/ tech/javascript/ refix. htm
JavaScript简介 参考书:JavaScript the Definitive Guide 4th ed, by David Flanagan (O'Reilly) The "Rhino" book 参考网址://www.devguru.com/(查函数和对象) 入门:http://blog.iyi.cn/tech/javascript/refix.htm
JavaScript > Invented by Netscape Communications Cross Platform, Object-based, Scripting Language 解释型语言,其通用核心已嵌入 NetScape和其他浏览器中。 >现在的标准: ECMAScript(ECMA262)
JavaScript ➢ Invented by Netscape Communications ➢ Cross Platform, Object-based, Scripting Language ➢ 解释型语言,其通用核心已嵌入IE、 NetScape和其他浏览器中。 ➢ 现在的标准:ECMAScript (ECMA-262)
Javascript Http Request HttP Response Client runs JavaScript HTML file with embedded JavaScript
JavaScript Client runs JavaScript HTTP Request HTTP Response HTML file with embedded JavaScript
JavaScript All Client Side >动态脚本语言 Can Adjust HTML Open Windows, Resize Windows Animations, Play Sounds Cannot Access File System 出于安全考虑,不能对文件进行读写 Do Networking 只能引发浏览器下载某个URL的文档
JavaScript ➢ All Client Side ➢ 动态脚本语言 ➢ Can ⚫ Adjust HTML ⚫ Open Windows, Resize Windows ⚫ Animations, Play Sounds ➢ Cannot ⚫ Access File System • 出于安全考虑,不能对文件进行读写 ⚫ Do Networking • 只能引发浏览器下载某个URL的文档
JavaScript Advantages Better User Experience (2X Latency Disadvantages 。 Thicker Client Possible abuse
JavaScript ➢ Advantages ⚫ Better User Experience (2X Latency) ➢ Disadvantages ⚫ Thicker Client ⚫ Possible Abuse
JavaScript Basics >嵌入网页的方式: section in HTML runs on document load 写成一个文件(js),然后用下列方式引入 No type declarations undefined if not given a value Global variables by default var makes them local
JavaScript Basics ➢ 嵌入网页的方式: ⚫ section in HTML runs on document load ⚫ 写成一个文件(.js),然后用下列方式引入: • ➢ No type declarations ⚫ undefined if not given a value ➢ Global variables by default ⚫ var makes them local
JavaScript核心与其他语言比较 句法构成类似C、C++和Java 支持|,WHLE语句 支持&&等运算符 无类型 变量无需明确的类型 >对象类似Per语言中的关联数组 >支持正则表达式和以数组处理的特性
JavaScript核心与其他语言比较 ➢ 句法构成类似C、C++和Java ⚫ 支持IF,WHILE语句 ⚫ 支持&&等运算符 ➢ 无类型 ⚫ 变量无需明确的类型 ➢ 对象类似Perl语言中的关联数组 ➢ 支持正则表达式和以数组处理的特性
Generate DynamiC HTML Regular HTMI Here More Reqular HTML /BODY
Generate Dynamic HTML ... ...Regular HTML Here.... ...More Regular HTML
Javascript and Browser JavaScript可以控制浏览器的行为和动作, 常与DOM结合使用 document-HTML document document name named element in document document images- array of images document forms- array of forms Ways to access window, cookies, etc 常使用 document write方法控制浏览器显示内 使用事件驱动方式来控制浏览器的行为
JavaScript and Browser ➢ JavaScript可以控制浏览器的行为和动作, 常与DOM结合使用: ⚫ document – HTML document • document.name – named element in document • document.images – array of images • document.forms – array of forms ⚫ Ways to access window, cookies, etc. ⚫ 常使用document .write方法控制浏览器显示内 容。 ⚫ 使用事件驱动方式来控制浏览器的行为