JavaScript编程基础

信息学院周宝刚第一讲JavaScript编程基础信息学院周宝刚课程内容JAVASCRIPT简介JAVASCRIPT编程基础函数文档对象模型与事件驱动对象编程流程控制信息学院周宝刚JAVASCRIPT简介什么是JavaScriptJavaScript是Web上的一种功能强大的编程语言，用于开发交互式的Web页面。JavaScript的前身叫做LiveScriptJavaScript的基本特点JavaScript是脚本编程语言：JavaScript是基于对象的语言安全性跨平台性信息学院周宝刚JAVASCRIPT简介在HTML中嵌入JavaScript通过标记SCRIPT…/SCRIPT引入JavaScript代码。Language属性指定脚本类型，如VBScript、JavaScript链接JavaScript文件链接方式：使用SCRIPT标记的SRC属性指定*.js的URL。信息学院周宝刚JAVASCRIPT简介客户端应用服务器端应用信息学院周宝刚JAVASCRIPT编程基础常量JavaScript有三种基本类型的常量：数值型、字符串型和布尔型。空值型空值就是null，定义空的或不存在的引用。它不等同于空串或0。未定义值未定义值就是undefined，表示变量还没有赋值。变量所谓变量，就是程序中一个已命名的存储单元。使用var声明变量JavaScript变量的类型是动态的信息学院周宝刚JAVASCRIPT编程基础算术运算符(+,-,*,/,%,++,--)比较运算符(,=,,=,==,!=)逻辑运算符(&&,||,!)字符串运算符(+)位操作运算符(&,|,^,,,)赋值运算符(=)条件运算符(?:)其他运算符(.[]())信息学院周宝刚流程控制3种对话框:警示、确认和提示对话框alert()alert(欢迎浏览本页面！);confirm()varvisited,show_text;visited=confirm(“您来过西湖吗？);show_text=visited?“您也认为西湖很美吧！:欢迎您有机会来中大参观!;document.write(show_text);prompt()name=prompt(请输入您的姓名:,);信息学院周宝刚流程控制if语句(if…else语句)switch语句switch(){case常数表达式1:语句1;break;case常数表达式2:语句2;break;…case常数表达式n:语句n;break;default:语句n+1;break;}信息学院周宝刚流程控制for语句for(初值表达式;循环判定式;更新表达式)循环体语句while语句while(循环判定式)循环体语句dowhile语句do循环体语句while(循环判定式);信息学院周宝刚函数eval()函数计算字符串表达式的值，如：x=eval(123*321/9)escape()、unescape()函数escape()将字符串中的非字母数字字符转换为按格式%XX表示的数字。如:varstr=Tom&JerryShow;varescapestr=escape(Tom&JerryShow);unescape()函数将字符串中格式为“%XX”的数字转换为字符。如:varstr=Tom%20%26%20Jerry%20Show;varunescapestr=unescape(str);结果为“Tom&JerryShow”。信息学院周宝刚函数isNaN()、isFinite()函数isNaN函数确定一个变量是否是NaN，如果是，则返回true，否则返回false。isFinite()函数用于确定一个变量是否有限。如isFinite(1)、isFinite(true)返回true，而isFinite(“a”)返回false。parseFloat()、parseInt()函数parseFloat()将字符串开头的整数或浮点数分解出来，转换为浮点数。如，parseFloat(“123.45”)、parseFloat(“123.45abc”)返回浮点数123.45，而parseFloat(“abc123.45”)和parseFloat(true)返回NaNparseInt()将字符串开头的整数分解出来，转换为整数。如，parseInt(“123”)、parseInt(“123.45”)、parseInt(“123.45abc”)都返回整数123，而parseInt(“abc123”)和parseInt(true)返回NaN信息学院周宝刚函数自定义函数定义格式：function自定义函数名(){函数体}在同一个页面中的两个函数不能同名。函数定义通常放在HEAD/HEAD标记之间，确保函数先定义后使用。调用形式“函数名()”使用return语句返回值信息学院周宝刚文档对象模型与事件驱动信息学院周宝刚文档对象模型与事件驱动引用文档对象模型中的对象所有下层对象都是其上层对象的子对象。而子对象其实就是父对象的属性，所以引用子对象的方式，与引用对象的一般属性是相同的。如：window.document.write(Hello);由于window对象是默认的最上层对象，因此引用它的子对象时，可以不使用window：document.write(Hello);当引用较低层次的对象时，要根据对象的包含关系，一层一层地引用对象。如：document.form1.yourname信息学院周宝刚文档对象模型与事件驱动引用文档对象模型中的对象所有下层对象都是其上层对象的子对象。而子对象其实就是父对象的属性，所以引用子对象的方式，与引用对象的一般属性是相同的。如：window.document.write(Hello);由于window对象是默认的最上层对象，因此引用它的子对象时，可以不使用window：document.write(Hello);当引用较低层次的对象时，要根据对象的包含关系，一层一层地引用对象。如：document.form1.yourname信息学院周宝刚使用浏览器对象窗口(Window)对象对于window对象的使用，主要集中在窗口的打开和关闭、窗口状态的设置、定时执行程序以及各种对话框的使用等四个方面Open,close,setInterval,location.href信息学院周宝刚使用浏览器对象文档(document)对象document.write(当前文档的标题:+document.title+BR);document.write(当前文档的URL:+document.URL+BR);document.write(当前文档的背景色:+document.bgColor+BR);document.write(当前文档的最后修改日期:+document.lastModified+BR);document.write(当前文档包含+document.links.length+个超链接BR);document.write(当前文档包含+document.images.length+个图像BR);信息学院周宝刚使用浏览器对象for(i=0;idocument.all.length;i++)//遍历文档中的所有标记{cell=document.all[i];if(i0)document.write(,);document.write(cell.tagName);}信息学院周宝刚使用浏览器对象for(i=0;idocument.all.length;i++)//遍历文档中的所有标记{cell=document.all[i];if(i0)document.write(,);document.write(cell.tagName);}信息学院周宝刚使用浏览器对象表单(form)对象form对象的属性、方法和事件varmyform,element,i;myform=document.myform;document.write(H3表单中有+myform.length+个元素:/H3);for(i=0;imyform.length;i++){element=myform.elements[i];if(i0)document.write(,);document.write(element.name);}信息学院周宝刚使用浏览器对象表单(form)对象form对象的属性、方法和事件varmyform,element,i;myform=document.myform;document.write(H3表单中有+myform.length+个元素:/H3);for(i=0;imyform.length;i++){element=myform.elements[i];if(i0)document.write(,);document.write(element.name);}