网页编程技术_第4章JavaScript.ppt

* 就是返回本身的原始值 <script> a=1; b="1"; function c(){} d=new Array(1,2); alert(a.valueOf());//返回1 alert(b.valueOf());//返回字符1 alert(c.valueOf());//返回函数本身 alert(d.valueOf());//返回数组 </script> 就是将一个对象转化成为原始类型的值 例子: <script> var a=new String("abc");//一个对象字符型对象object var b="abc";//一个原始值string var c=a.valueOf();//把一个对象换成一个原始值 if(typeof(a)==typeof(b)){alert('a等于b');} else{alert('a不等于b');} if(typeof(b)==typeof(c)){alert('b等于c');} </script> * appVersion 属性返回的字符串所包含的信息不止是版本号而已，但是现在我们只关注版本号。我们使用一个名为 parseFloat() 的函数会抽取字符串中类似十进制数的一段字符并将之返回，这样我们就可以从字符串中抽出版本号信息了。 重要事项：在 IE 5.0 及以后版本中，版本号是不正确的！在 IE 5.0 和 IE 6.0 中，微软为 appVersion 字符串赋的值是 4.0。怎么会出现这样的错误呢？无论如何，我们需要清楚的是，JavaScript 在 IE6、IE5 和 IE4 中的获得的版本号是相同的。 Mozilla是一个为标准的兼容性，跨平台性和可移植特性而设计的一个开放源码web浏览器和工具包。 parseFloat():只能截取一个字符串中开头的十进制数，如果数字式在字符串的中间或是结尾，则利用parseFloat()返回的结果为NaN 4.3 JavaScript的内置对象和函数 窗口对象的子对象——document对象 document对象的属性和方法见附录P344 举例1：源代码及效果见document1.htm 通过document对象的属性和方法可以访问HTML文档元素,并且具有和HTML文档标记一样的功能。以这种方式访问HTML文档元素所使用的document对象的属性就是all,它是一个非常特殊的属性,但这个属性只有IE支持。 举例2：设计一个文档，要求在页面上显示出该文档所使用的所有的HTML标记。源代码及效果见document2.htm 4.3 JavaScript的内置对象和函数 窗口对象的子对象——history对象 history对象代表浏览器使用的历史列表，使用户可以追踪窗口中曾经使用过的URL。 举例：设计一个页面，要求点击历史时使浏览器执行它时显示原来执行过的页面。 源代码及效果见history.htm 4.3 JavaScript的内置对象和函数 窗口对象的子对象——screen对象和location对象 screen对象在window对象中代表用户屏幕，处理用户屏幕相关的一些属性（例如屏幕分辨率等）。location对象在window对象中代表当前窗口装入文档的URL。 例如: 设计一个页面,它将根据用户屏幕的分辨率显示不同的页面,如果屏幕分辨率小于800*600就转去执行源码,否则就在Web页面上输出当前用户的屏幕分辨率。 源代码及效果见screenandlocation.htm 4.3 JavaScript的内置对象和函数 窗口对象的子对象——form对象 form对象一般是通过<form>标记创建,在网页中添加一个<form>标记就相当于创建了一个form 对象.如果创建form对象时给它设置了名字属性,那么就可以通过设定的名字来访问这个form对象。 举例： 例1：设计一个页面，要求列出form对象的所有元素名称。 源代码及效果见form.htm 例2：设计一个登陆页面，密码和用户名正确后才进入欢迎页面 源代码：登陆1 登陆2 登陆3 登陆4(了解) 4.3 JavaScript的内置对象和函数 窗口（window）对象的使用 对window对象的使用来说，主要集中在窗 口的打开和关闭、窗口状态设置、定时执行 程序和各种对话框的使用等四个方面。 （1）对话框的使用 在JavaScript程序中可以使用对话框进行输入 输出，实现程序和用户的交互。JavaScript中 提供有3种对话框，即警示、确认和提示对框。 只要在程序中直接调用window对象的3个方法： alert() 、confirm()和prompt()就可以使用这3种对话框。 ①警告框 警告框经常用于确保