补充脚本语言js(2).ppt

1、javascript的自定义函数,一、定义格式 function 函数名（参数表） 函数体； return 表达式； 1、参数应为变量 2、可以没有返回值,二、调用格式 1、无返回值的调用：单独作为一个语句。 2、有返回值的调用：出现在表达式中。 3、在超链接中调用 热点文字 热点文字 4、作为事件触发过程执行 举例：更换图片,javascript中的内部函数,1、编码解码函数 escape(str)和unescape(str)：对字符串进行编码和解码 encodeURI(str)和decodeURI(str)：对URL编码和解码 encodeURIComponent(str)和decodeU

2、RIComponent (str)：对URL中的参数编码和解码 2、eval(str)：执行字符串中的语句 3、parseInt(str,n)：将str转换成整数，n表示进制 4、parseFloat(str)：将str转换成实数 5、isNaN(value)：判断参数是否不是数值类型,对象,一、对象 1、javascript中对象的分类：内置对象、浏览器提供的对象和自定义对象。 2、对象的属性：描述对象的特征 (1)引用的三种方式 对象名.属性名 对象名属性名 对象名下标 (2)注意：定义时用什么方式，使用时用相同的方式 举例：arr.length,3、对象的事件：预先定义好的、发生在对象上

3、的能被对象识别的事情。 eg: click load 4、对象的方法：定义好的完成一定功能的函数。 调用格式：对象名.方法名（参数表）； eg:document.write(“hello”); 5、with (对象名) 在花括号中，“对象名.”可以省略不写。,二、内置对象 按照使用方法分为两种：动态对象和静态对象 1、数组对象 （1）数组对象的定义 使用构造函数： var a = new Array(); var b = new Array(8); var c = new Array(first, second, third); 或者数组直接量： var d = first, second,

4、third;,（2）元素的引用：数组名下标 当下标越界时，数组自动扩充。 （3）数组对象的属性：length（length表示的是数组元素的个数） （4）数组对象的方法 join(字符)：把数组转换成一个用符号连接的字符串 concat(arr1,arr2,)：数组对象后连接多个数组 slice(start,end)：返回数组的部分 reverse()：将数组逆序 sort()：对数组进行排序操作,splice ( start, deleteCount, item1, item2, . . . ,itemN)：插入、删除或者替换一个数组元素 start是必选项。指定从数组中移除元素的开始位置，

5、这个位置是从 0 开始计算的。 deleteCount是必选项。要移除的元素的个数。 item1, item2,. . .,itemN是可选项。要在所移除元素的位置上插入的新元素。 Eg: arr1.splice(3,2,10,20);,2、字符串对象 （1）对象的定义（两种格式） 变量名new String(“字符串”); 变量名 “字符串”; （2）字符串对象的属性：length（字符个数） （3）字符串对象的常用方法（见下页）,split() 把字符串分割为字符串数组。 split(“”)分隔为单个字符 split(“分隔符”) subStr(start,len) 从起始索引号提取字符串

6、中指定数目的字符。 subString(start,end) 提取字符串中两个指定的索引号之间的字符。 toLowerCase() 把字符串转换为小写。 toUpperCase() 把字符串转换为大写。 indexOf(substr) 检索字符串。 charAt(n) 返回在指定位置的字符。 replace(oldsub,newsub),3、日期对象 （1）定义格式（4种） var d1=new Date() var d1=new Date(1970年1月1日起的毫秒数) var d1=new Date(“1970-01-01”) var d1=new Date(year,month,day,

7、hours,mintues,second,milliseconds)至少写前两个,如果写后边的参数,其前边的参数不能省略。 （2）常用方法,getYear(), getFullYear(), getMonth()-0到11，getDate()-日期,getDay()-星期几，getHours(),getMinutes(),getSeconds() getTime()获取时间戳（从1970.1.1起到日期对象所代表日期的毫秒数） 以上方法均可将get换为set,4、数学对象Math Math为静态对象 （1）常用属性:E, PI （2）常用方法 sin(x), cos(x), tan(x), a

8、sin(x),acos(x),atan(x), exp(x),log(x),pow(x,y),sqrt(x) round(x),floor(x)-下取整，ceil(x)-上取整 abs(x),random(),max(a,b),min(a,b),DOM对象浏览器对象,DOM： JavaScript将浏览器、文档及文档中的各种元素均通过对象表示，这些对象及对象间的层次关系称为文档对象模型（DOM） 通过 JavaScript，可以重构整个 HTML 文档。可以添加、移除、改变或重排页面上的项目。 JavaScript 对各种元素的访问通过各种DOM对象进行。 常用对象：window,docume

9、nt,location,history及各种网页元素，网页元素可以通过其id直接调用。 默认的对象为window,一、窗口对象（代表一个浏览器窗口） 1、属性：closed,opener,status 2、方法 open()创建一个新的浏览器窗口对象 close（）：关闭当前浏览器窗口对象 alert：显示带警告信息的对话框。 confirm：显示带OK和Cancel按钮的确认对话框。 prompt：显示带一个输入文本框的提示对话框。,blur()和focus()：在一个窗口中移去、设置输入焦点。 setTimeout(“fun-name”,time)：在指定的时间后执行指定的操作。以ms为单

10、位。 setInterval(“fun-name”,time)：以一定的时间周期执行指定的操作。以ms为单位。 clearTimeout() 举例 clearInterval(),window.open用法,window.open(URL,name,features,replace) URL:一个可选的字符串，声明了要在新窗口中显示的文档的 URL。如果省略了这个参数，或者它的值是空字符串，那么新窗口就不会显示任何文档。 name:一个可选的字符串，该字符串是一个由逗号分隔的特征列表，其中包括数字、字母和下划线，该字符声明了新窗口的名称。这个名称可以用作标记 和 的属性 target 的值。如

11、果该参数指定了一个已经存在的窗口，那么 open() 方法就不再创建一个新窗口，而只是返回对指定窗口的引用。在这种情况下，features 将被忽略。 features:一个可选的字符串，声明了新窗口要显示的标准浏览器的特征。如果省略该参数，新窗口将具有所有标准特征。在窗口特征这个表格中，我们对该字符串的格式进行了详细的说明。 replace一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值：true - URL 替换浏览历史中的当前条目。 false - URL 在浏览历史中创建新的条目。,window.open举例,

12、 function open_win() window.open() ,二、文档对象 1、属性： 2、常用方法 document.write(exp1,exp2,) document.open(mimetype,”replace”) 擦除当前 HTML 文档的内容，开始一个新的文档，新文档用 write() 方法或 writeln() 方法编写。 replace表示不能后退。 文档名.close()：关闭文档流,document.open用法, function createNewDoc() var newDoc=document.open(text/html,replace); var tx

13、t=Learning about the DOM is FUN!; newDoc.write(txt); newDoc.close(); ,三、location：当前文档的URL 1、属性：protocol（协议），host（主机和端口号），port，pathname，search（问号后的部分）,hostname，href（完整的URL） 2、常用方法 assign(URL)：加载新的文档，原文档在history对象中保存. reload：强制重新载入当前文档（刷新）。 replace(URL)：强制载入指定的URL文档，并覆盖当前的历史记录，即原文档在history对象中不保存。,四、hi

14、story：历史记录 记录一个浏览器窗口中访问过的URL地址 1、属性：length 2、常用方法 back() forward() go(n) go(1)等价于forward()；go(-1)等价于back()； go(0)等价于location对象的reload()。,JavaScript对象的事件,一、事件 1、什么是事件 每种对象能识别一组预先定义好的事件 2、程序员的任务是编写事件函数 3、事件句柄：on事件名 句柄在事件发生时被javascript自动调用执行。 4、在程序中的调用方式 事件句柄事件函数或js语句 Eg: function abc() ,二、常用的事件 1、浏览器事件 Load事件：当网页中的元素全部显示完成后执行。一般用于初始化。 Unload事件：浏览器载入新的网页之前 Submit事件：提交表单