项目18—JAVASCRIPT内置对象和函数
教学方法教学目标教学重点教学难点
教学过程
教学目标
1、掌握JavaScript 内置函数的应用
2、掌握JavaScript 内置对象的应用
3、掌握JavaScript 浏览器对象的应用
教学方法教学目标教学重点
教学难点
教学过程
教学重点
1、掌握JavaScript 内置函数的使用方法
2、掌握JavaScript 常用内置对象的属性和方法
3、掌握JavaScript 浏览器对象的含义
教学方法教学目标教学重点
教学难点
教学过程
教学难点
1、掌握使用浏览器对象提供的信息来完成一定功能的网页设计。
教学方法教学目标教学重点
教学难点
教学过程
教学方法
1、项目工程互动式教学法
2、“讲、学、观察”相结合
教学方法教学目标教学重点教学难点教学过程
一、JavaScript 内置函数的应用
JavaScript 中的系统函数又称内部方法。它提供了与任何对象无关的系统函数，使用这些函数不需创建实例，可以直接用。
1、eval( )：计算字符串表达式的值
2、parseFloat( )和parseInt( )：将字符串开头的整数或浮点数分解出来，转换为整数或浮点数
3、isNaN( )：确定一个变量是否为NaN （Not a Number ）
4、escape( )：将字符串中的非字母数字字符转换为按格式%XX 表示的数字
5、unescape( )：将字符串格式为%XX 的数字转换为字符
教学方法
教学目标教学重点教学难点
教学过程
6、程序案例1：求用户在提示对话框中输入的表达式的值。
eval( )内置函数的用法：计算字符串表达式的值。
教学方法
教学目标
教学重点
教学难点教学过程
二、JavaScript 内置对象的应用
1、Math 对象
2、Date 对象
3、Number 对象
4、String 对象
5、Array 对象
教学方法
教学目标
教学重点
教学难点
教学过程一、对象的基本概念
1、什么是对象对象用于描述客观世界存在的特定实体。在计算机世界中，不仅存在来自于客观世界的对象，也包含为解决问题而引入的抽象对象。
2、对象的属性和方法在JavaScript 中，对象就是属性和方法的集合。方法是作为对象成员的函数表明对象所具有的行为，属性是作为对象成员的一组变量，表明对象的状态。通过访问或设置对象的属性，并且调用对象的方法，就可以对对象进行各种操作，从而获得需要的功能。调用对象的一个方法类似于调用一个函数。
使用对象的一个属性则类似于使用一个变量。
教学方法
教学目标
教学重点
教学难点教学过程
二、Math 对象
1、Math 对象的属性是数学中常用的常量，如圆周率PI ，自然对数的底E 等。
2、Math 对象的方法则是一些十分有用的数学函数，如sin()、random()、log()等。
3、在调用Math 对象的属性和方法时，直接写成：Math.属
性和Math.方法。
教学方法教学目标
教学重点教学难点
教学过程
4、案例2：求PI 的5次方，并四舍五入取整。
教学方法
教学目标
教学重点
教学难点
教学过程三、Date 对象
1、Date 对象的主要方法常用方法:设置和获取日期中的年、月、日、小时、分、秒和毫秒等
2、创建Date 对象要使用Date 对象，必须先使用new 运算符创建它。创建Date 对象的常见方式有三种：(1)不带参数var today = new Date();(2)创建一个指定日期的Date 变量var theDate = new Date(2000, 9, 1);(3)创建一个指定时间的Date 变量var theTime = new Date(2000, 9, 1, 10, 20,30,50)
教学方法教学目标教学重点教学难点教学过程
3、案例3：计算求1+2+3+…10000之和所需要的运行时间(毫秒数)。
教学方法教学目标
教学重点
教学难点
教学过程
四、Number 对象
1、Number 对象用于存放MAX_VALUE 、MIN_VALUE 、NaN 、NEGATIVE_INFINITY 、POSITIVE_INFINITY 等极端数值。
2、案例4：在页面中显示JavaScript 可以处理的数的区间。
教学方法教学目标
教学重点
教学难点
教学过程
五、String 对象
1、String 对象提供对字符串进行处理的属性和方法。
2、在使用String 对象时，首先要创建一个字符串变量。
3、使用new 运算符来创建，如：newstring = new String("This is a new string")
4、也可以直接将字符串赋给变量。newstring = "This is a new string"
5、String 对象的最常用属性和方法length 、toLowerCase()、toUpperCase()、charAt(index)、
substr(start,len)
教学方法教学目标教学重点教学难点
教学过程
6、程序案例5：String 对象的常用方法
教学方法
教学目标
教学重点
教学难点
教学过程六、Array 对象
1、什么是数组一个数组可以包含多个数组元素。数组中数组元素的个数称为数组长度。
2、创建和访问数组一个数组元素由数组名、一对方括号[ ]和这对括号中的下标组合起来表示。如：arrayname[0]、arrayname[1]。
3、for …in 语句用for …in 语句处理数组，可以依次对数组中的每个数组元素执行一条或多条语句。
for …in 的格式是：for(变量in 数组) 循环体语句;
教学方法教学目标
教学重点教学难点
教学过程
4、程序案例6：使用for …in 语句，显示数组的值。
教学方法
教学目标
教学重点教学难点
教学过程
实验内容三、JavaScript 浏览器对象的应用1、窗口(Window)对象2、文档(document)对象
3、表单(form)对象
教学方法教学目标
教学重点
教学难点教学过程
一、窗口(window)对象
1、window 对象的属性和方法窗口(window)对象处于对象层次的顶端，它提供了处理浏览器窗口的方法和属性。对于window 对象的使用，主要集中在窗口的打开和关闭、窗口状态的设置、定时执行程序以及各种对话框的使用等四个方面。
在JavaScript 中可直接引用window 对象的属性和方法。
2、打开和关闭窗口
通过脚本可以打开新窗口，也可以关闭窗口。
教学方法教学目标教学重点教学难点教学过程
3、程序案例7：设计一个有三个超链接的页面，单击这些链接时分别打开和关闭新窗口，以及关闭本身窗口
JavaScript上机题9.9
3 编写一个JavaScript程序，弹出一个讯问生日的对话框，计算出用户的星座并显示在浏览器的状态栏上。
xxxxxsetDay 设置当前对象的星期数 setHours 设置当前的小时 setMinutes 设置当前的分钟 setSeconds 设置当前的秒 setTime 设置当前的时间(毫秒为单位) --------------------------------- 现在是2008年12月24日17时34分24秒 出生日期是86年11月6日 Wed, 24 Dec 2008 09:34:24 UTC 2008年12月24日 17:34:24
提升JavaScript运行速度之函数篇
提升JavaScript运行速度之函数篇 这篇是Nicholas讨论如果防止脚本失控的第二篇，主要讨论了如何重构嵌套循环、递归，以及那些在函数内部同时执行很多子操作的函数。基本的思想和上一节trunk（）那个例子一致，如果几个操作没有特定的执行顺序，而且互相不是依赖关系，我们就可以通过异步调用的方式加以执行，不止可以减少执行的次数，还可以防止脚本失控。本文还介绍了通过memoization技术取代递归的方法。 【原文标题】Speed up your JavaScript,Part2 【原文作者】Nicholas C.Zakas 以下是对原文的翻译： 上周我在《too much happening in a loop》（译文）这篇文章中介绍了JavaScript运行时间过长的第一个原因。相似的情况有时也出现在函数的定义上，函数也可能因为使用不当而过载使用。通常情况是函数内包含了过多的循环（不是在循环中执行了过多的内容），太多的递归，或者只不过是太多不相干但又要一起执行的操作。 太多的循环经常是以嵌套的形式出现，这种代码会一直占用JavaScript引擎直至循环结束。这方面有一个非常着名的例子，就是使用冒泡算法排序。由于JavaScript有内置的sort （）方法，我们没有必要使用这种方式进行排序，但我们可以借助这个算法理解嵌套循环占用资源的症结所在，从而避免类似情况的发生。下面是一个在JavaScript使用冒泡排序法的典型例子： function bubbleSort（items）{ for（var i=items.length-1;i>=0;i--）{ for（var j=i;j>=0;j--）{ if（items[j] javascript面向对象基础 1.使用[]调用对象的属性和方法 functionUser() { this.age=21; this.sex="男?"; } varuser=newUser(); alert(user["age"]); 2.动态添加，修改，删除对象的属性和方法//定义类varuser=newObject(); //添加属性和方法 https://www.360docs.net/doc/5c15172976.html,="cary"; user.age=21; user.show=function(){ alert(https://www.360docs.net/doc/5c15172976.html,+"年?龄?为?：?"+this.age);} //执行方法 user.show(); //修改属性和方法 https://www.360docs.net/doc/5c15172976.html,="James"; user.show=function() { alert(https://www.360docs.net/doc/5c15172976.html,+"你?好?"); } //执行方法 user.show(); //删除属性和方法 https://www.360docs.net/doc/5c15172976.html,="undefined"; user.show="undefined" //执行方法 user.show(); 3.使用大括号{}语法创建无类型对象varobj={}; varuser= { name:"cary", age:21, show:function(){ alert(https://www.360docs.net/doc/5c15172976.html,+"年?龄?为?：?"+this.age); } } user.show(); varobj={};等价于 varobj=newObject(); 4.Prototype原型对象 每个函数function也是一个对象，对应的类类型为“Function”，每个函数对象都有一个子对象prototype，表示函数的原型，所以当我们new一个类的对象的时候prototype对象的成员都会被实例化为对象的成员。例如： functionclass1() {} class1.prototype.show=function(){ alert("prototyemember"); } varobj=newclass1(); obj.show(); 5.Function函数对象详解 5.1Function和Date，Array，String等一样都属于JavaScript的内部对象，这些对象的构造器是由JavaScript本身所定义的。上面说过函数对象对应的类型是Function，这个和数组的对象是Array一个道理。所以也可以像newArray()一样newFunction()来创建一个函数对象，而函数对象除了使用这种方式还可以使用function关键字来创建。我们之所以不经常使用newFunction()的方式来创建函数是因为一个函数一般会有很多语句，如果我们将这些都传到newFunction()的参数中会显得可读性比较差。varfunctionName=newFunction（p1，p2，...，pn，body）其中p1到pn为参数，body为函数体。 5.2有名函数和无名函数 有名函数：functionfuncName（）{}无名函数：varfuncName=function（）{}他们之间的唯一区别：就是对于有名函数他可以出现在调用之后再定义，而对于无名函数，他必须是在调用之前就已经定义好。 5.3我们可以利用Function的prototype对象来扩展函数对象，如： Function.prototype.show=function(){ alert("扩展方法"); } 本文由我司收集整编，推荐下载，如有疑问，请与我司联系 在COM 组件中调用JavaScript 函数 2013/08/13 127 转载自：blog.csdn/cheungmine/article/details/1451489 要求是很简单的，即有COM 组件A 在IE 中运行，使用JavaScript（JS）调用A 的方法longCalc()，该方法是一个耗时的操作，要求通知IE 当前的进度。这就要求 使用回调函数，设其名称为scriptCallbackFunc。实现这个技术很简单： 1 、组件方（C++）组件A 的方法在IDL 中定义： [id(2)]HRESULTlongCalc([in]DOUBLEv1,[in]DOUBLEv2,[in,optional]VARIANTscript Callback); //假设回调原型为： //scriptCallbackFunc(LONGnCurrentProgress,LONGnTotalProgress,BSTRbstrProgressNa me); //此方法由JS 脚本来实现STDMETHODIMPCA::longCalc(DOUBLEv1,DOUBLEv2,VARIANTscriptCallback) { CComPtr IDispatch spCallback; if(scriptCallback.vt==VT_DISPATCH) spCallback=scriptCallback.pdispVal; //参数准备CComVariantvarResult; CComVariantavarParams[3]; avarParams[0]=“开始计算股票”;//bstrProgressName avarParams[0].vt=VT_BSTR; avarParams[1]=100;//nTotalProgress avarParams[1].vt=VT_I4; avarParams[2]=0;//nCurrentProgress avarParams[2].vt=VT_I4; DISPPARAMSparams={avarParams,NULL,3,0}; if(spCallback) spCallback- Invoke(0, IID_NULL, LOCALE_USER_DEFAULT, DISPATCH_METHOD, ?ms, varResult,NULL,NULL); BOOLbFinished=false; while(!bFinished) { //计算工作…Sleep(1000); v1=v1+v2; //回调客户if(spCallback) { avarParams[0]=“正在计算股票…”;avarParams[2]=0; spCallback- Invoke(0, IID_NULL, LOCALE_USER_DEFAULT, DISPATCH_METHOD, ?ms,varResult,NULL,NULL); } if(…)bFinished=TRUE; }//whileOK! returnS_OK; } //符合回调原型：scriptCallbackFuncJAVASCRIPT面向对象基础总结
【IT专家】在COM组件中调用JavaScript函数