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 >嵌入网页的方式: <script> section in HTML runs on document load 写成一个文件(js),然后用下列方式引入 <script src=url language=javascript"></script> No type declarations undefined if not given a value Global variables by default var makes them local
JavaScript Basics ➢ 嵌入网页的方式： ⚫ <script> section in HTML runs on document load ⚫ 写成一个文件（.js)，然后用下列方式引入： • <script src=url language=“javascript”></script> ➢ 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 <BODY> Regular HTMI Here <SCRIPT TYPE="text/javascript BUILD HTMI HERE // </SCRIPT> More Reqular HTML /BODY
Generate Dynamic HTML ... <BODY> ...Regular HTML Here.... <SCRIPT TYPE="text/javascript"> <!-- BUILD HTML HERE!!! //--> </SCRIPT> ...More Regular HTML.... </BODY>
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方法控制浏览器显示内 容。 ⚫ 使用事件驱动方式来控制浏览器的行为