JavaScrip编程技术.pptVIP

内容摘要 理解JavaScript语言基本特征 掌握如何将 JavaScript 嵌入到 HTML 中 理解变量、数据类型和运算符 掌握 流程控制语句 理解网页文档对象模型 理解浏览器对象模型 理解各种JavaScript典型应用 什么是JavaScript JavaScript是在浏览器端执行的脚本语言，嵌套在HTML程序中，通过控制网页中各种标记的样式变化增加网页动态效果；或对页面数据进行合法性验证。 3.1 JavaScript基本语法3.1.1 JavaScript程序结构 和CSS与HTML文件结合方法类似，JavaScript文件可以通过三种途径和HTML文件结合： JavaScript独立脚本文件形式、script标记块形式、具体的事件属性方式。 1、独立js脚本文件形式 如果有独立文件4-1.js document.write(bHello BITS!/b) document代表浏览器中的当前HTML网页，write是输出到当前文档。 文件4-1.HTML html head title比特塞威斯/title /head body h1欢迎光临比特塞威斯公司/h1 script language=javaScript src=4-1.js /script bHello BITS!/b h2this is bits/h2 /body /html 通过script标记引入外界js脚本文件，适用于js文件中的程序通用性较高的情况，所有页面都可调用。 2、通过script标记与HTML结合 html head title比特塞威斯/title /head body h1欢迎光临比特塞威斯公司/h1 script language=javaScript document.write(bHello BITS!/b) /script h2this is bits/h2 /body /html 适用于重用度不高的情况，当前页面中可以被重用。 3、通过事件属性与HTML结合 html head title比特塞威斯/title /head body h1欢迎光临比特塞威斯公司/h1 h2this is bits/h2 input type=button onClick=i=20;i=i+100;alert(i) value=click me/ /body /html 事件处理性程序语句直接写在事件属性中，不需要script标记。 3.1.2 JavaScript中的变量 变量是构成程序语言的基本元素， JavaScript中变量以var关键字声明。 var strName; var i=0; 类型后期确定机制 html head title比特塞威斯/title /head body h1欢迎光临比特塞威斯公司/h1 script language=javaScript var i=1; var head1=h+i+hello bits/h+i+; document.write(head1); i=2; head1=h+i+hello bits/h+i+; document.write(head1); /script /body /html “+”号的用法 变量练习 验证上例 HTML HEAD SCRIPT LANGUAGE = JavaScript var x=100; var y; var z; document.write(H2竞拍SONY数码相机 600万像素 +x+$起价/H2); y=prompt(加多少银子？,1); z=x+parseFloat( y ); alert(您最终的出价\n+z+$); //”\n”用于换行显示 /SCRIPT /HEAD body /body /HTML 数组 -1 声明数组 var 数组名 = new Array(数组大小); 例： var emp = new Array(3) 添加元素 emp[0] = “AA; emp[1] = “BB; emp[2] = “CC; 数组 -2 数组 -3 常用属性 length ：返回数组中元素的个数 常用方法