javascript内置对象与浏览器对象

实验5 JavaScript内置对象与浏览器对象

一、实验目的：

1.掌握JavaScript常用内置对象的用法：String、Math、Date、Array

2.掌握几个常用的浏览器对象的使用方法：window、document、location、

history

二、实验内容：

设计一个用户注册页面，显示当前日期、时间和星期。注册内容包括用户名，密码及密码确认框，性别，邮箱，手机号码，一个提交按钮，一个重写按钮（清空所有文本框内容）。

具体要求：

1.用户名：2-12位以内的中英文字符和数字

2.密码及密码确认：4-12位任意字符

3.邮箱：含有@及.

4.手机号码：由数字组成，11位

5.每项都是必填项

6.如果不满足以上要求，利用警告框（alert）给出相应的提示。

7.添加适当的事件处理，如果用户填写正确，则在新窗口中显示“注册成

功！”（新窗口没有菜单条，工具条和地址栏）

提示：

1.页面显示数据：document.write()

2.当前日期、时间和星期：Date对象。

3.获取表单中输入的数据：document.表单名.表单元素名.value

4.密码及密码确认要求2次输入的内容相同，利用String对象的方法判断。

5.文本框的内容及长度控制都利用String对象的方法。

6.弹出新窗口window. open()

JavaScript上机题9.9

3 编写一个JavaScript程序，弹出一个讯问生日的对话框，计算出用户的星座并显示在浏览器的状态栏上。 xxxxx javascript时间对象 时间对象是JS的内置对象,使用前必须申明,包含日期和时间两类. DATE对象提供三种方法: 1.从系统中获取当前的时间和日期; 2.设置当时的时间和日期; 3.时间,日期转换成其它格式. setYear 设置当前年份 setMonth 设置当前月份 setDate 设置当前日期

setDay 设置当前对象的星期数 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 eval( )内置函数的用法：计算字符串表达式的值。

BOM——浏览器对象模型(Browser_Object_Model)

BOM——浏览器对象模型(Browser Object Model) 什么是BOM？--- 模型是所研究的系统、过程、事物或概念的一种表达形式！ ?BOM是Browser Object Model的缩写，简称浏览器对象模型 ?BOM提供了独立于内容而与浏览器窗口进行交互的对象 ?由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window ?BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性?BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C（WHATWG,WebHypertextApplicationTechnologyWorkingGroup—— 网页超文本应用程序技术工作组目前正在努力促进BOM的标准化）?BOM最初是Netscape浏览器标准的一部分 基本的BOM体系结构图 能利用BOM做什么？ BOM提供了一些访问窗口对象的一些方法，我们可以用它来移动窗口位置，改变窗口大小，打开新窗口和关闭窗口，弹出对话框，进行导航以及获取客户的一些信息如：浏览器品牌版本，屏幕分辨率。但BOM最强大的功能是它提供了一

个访问HTML页面的一入口——document对象，以使得我们可以通过这个入口来使用DOM的强大功能！！！ window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象。由于window是顶层对象，因此调用它的子对象时可以不显示的指明window对象，例如下面两行代码是一样的： window -- window对象是BOM中所有对象的核心。window对象表示整个浏览器窗口，但不必表示其中包含的内容。此外，window还可用于移动或调整它表示的浏览器的大小，或者对它产生其他影响。 window子对象 ?document 对象 ?frames 对象 ?history 对象 ?location 对象 ?navigator 对象 ?screen 对象 window对象关系属性 ?parent：如果当前窗口为frame，指向包含该frame的窗口的frame （frame） ?self ：指向当前的window对象，与window同意。（window对象）?top ：如果当前窗口为frame，指向包含该frame的top-level的window 对象 ?window ：指向当前的window对象，与self同意。

JAVASCRIPT面向对象基础总结

javascript面向对象基础 1.使用[]调用对象的属性和方法 functionUser() { this.age=21; this.sex="男?"; } varuser=newUser(); alert(user["age"]); 2.动态添加，修改，删除对象的属性和方法//定义类varuser=newObject(); //添加属性和方法 https://www.wendangku.net/doc/0018061941.html,="cary"; user.age=21; user.show=function(){ alert(https://www.wendangku.net/doc/0018061941.html,+"年?龄?为?：?"+this.age);} //执行方法 user.show(); //修改属性和方法 https://www.wendangku.net/doc/0018061941.html,="James"; user.show=function() { alert(https://www.wendangku.net/doc/0018061941.html,+"你?好?"); } //执行方法 user.show(); //删除属性和方法 https://www.wendangku.net/doc/0018061941.html,="undefined"; user.show="undefined" //执行方法 user.show(); 3.使用大括号{}语法创建无类型对象varobj={}; varuser= { name:"cary", age:21,

show:function(){ alert(https://www.wendangku.net/doc/0018061941.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("扩展方法"); }

实验四JavaScript内置对象的使用

实验名称JavaScript内置对象应用 实验4 JavaScript内置对象应用 1实验目的 1)掌握JavaScript基本语法； 2)掌握JavaScript编程基础； 3)掌握JavaScript对象编程技术； 4)了解JavaScript ActiveX编程技术； 2实验内容及要求 JavaScript语言的语法结构和流程控制，JavaScript语言的事件和对象编程方法。

3 实验原理 JavaScript不同于服务器端脚本语言，JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。 4仪器与材料 安装有Windows7或以上操作系统的计算机，Dreamweaver 5实验内容 5.1JavaScript编程基础 1、将JavaScript程序嵌入HTML文件的方法 查看运行结果。 HTML文件中使用脚本语言示例2。

直接在HTML标记内添加脚本。将上例改成： 查看运行结果。 2 函数 一个使用内部函数eval()的示例。 设计一个显示指定数的阶乘值的程序。 默认求1+2+…+1000，否则按指定开始值、结束值求和。

3 事件驱动及事件处理 鼠标单击事件 鼠标单击(函数名)。 鼠标单击(处理语句)。