📄 js08.htm
字号:
<HTML>
<HEAD>
<TITLE>第八章 使用浏览器对象</TITLE>
<LINK rel="stylesheet" type="text/css" href="js.css">
</HEAD>
<BODY>
<H1><A name="第八章 使用浏览器对象">第八章 使用浏览器对象</A> <A href="index.htm">主目录</A></H1>
<HR>
<UL>
<LI><A href="#8.1 窗口(Window)对象">8.1 窗口(WINDOW)对象</A><UL>
<LI><A href="#8.1.1 window对象的属性和方法">8.1.1 window对象的属性和方法</A></LI>
<LI><A href="#8.1.2 打开和关闭窗口">8.1.2 打开和关闭窗口</A></LI>
<LI><A href="#8.1.3 使用定时器">8.1.3 使用定时器</A></LI>
<LI><A href="#8.1.4 页面跳转">8.1.4 页面跳转</A></LI>
</UL>
</LI>
<LI><A href="#8.2 文档(document)对象">8.2 文档(DOCUMENT)对象</A><UL>
<LI><A href="#8.2.1 document对象的属性和方法">8.2.1 document对象的属性和方法</A></LI>
<LI><A href="#8.2.2 使用all属性访问HTML元素">8.2.2 使用all属性访问HTML元素</A></LI>
</UL>
</LI>
<LI><A href="#8.3 表单(form)对象">8.3 表单(FORM)对象</A><UL>
<LI><A href="#8.3.1 form对象的属性、方法和事件">8.3.1 form对象的属性、方法和事件</A></LI>
<LI><A href="#8.3.2 表单处理">8.3.2 表单处理</A></LI>
<LI><A href="#8.3.3 表单元素对象的属性、方法和事件">8.3.3 表单元素对象的属性、方法和事件</A></LI>
<LI><A href="#8.3.4 处理表单元素示例">8.3.4 处理表单元素示例</A></LI>
</UL>
</LI>
</UL>
<H2><A name="8.1 窗口(Window)对象">8.1 窗口(Window)对象</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H2>
<H3><A name="8.1.1 window对象的属性和方法">8.1.1 window对象的属性和方法</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H3>
<UL>
<LI>窗口(window)对象处于对象层次的顶端，它提供了处理浏览器窗口的方法和属性。</LI>
<LI>对于window对象的使用，主要集中在窗口的打开和关闭、窗口状态的设置、定时执行程序以及各种对话框的使用等四个方面。</LI>
<LI>在JavaScript中可直接引用window对象的属性和方法，如:</LI>
</UL>
<BLOCKQUOTE>
<BLOCKQUOTE>
<P>alert("直接引用方式");</P>
</BLOCKQUOTE>
</BLOCKQUOTE>
<H3><A name="8.1.2 打开和关闭窗口">8.1.2 打开和关闭窗口</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H3>
<UL>
<LI>通过脚本可以打开新窗口，也可以关闭窗口。</LI>
<LI><A href="sample/S08_01.htm">例8.1</A>，设计一个有三个超链接的页面，单击这些链接时分别打开和关闭新窗口，以及关闭本身窗口。</LI>
</UL>
<H3><A name="8.1.3 使用定时器">8.1.3 使用定时器</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H3>
<UL>
<LI>使用window对象的定时器机制，可以让一段程序每隔一段时间就执行一次。</LI>
<LI><A href="sample/S08_02.htm">例8.2</A>(滚动显示)，在浏览器窗口的状态栏中滚动显示一次当前浏览器的信息。</LI>
</UL>
<H3><A name="8.1.4 页面跳转">8.1.4 页面跳转</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H3>
<UL>
<LI>在HTML文档中，可以通过脚本控制窗口显示特定的页面。</LI>
<LI><A href="sample/S08_03.htm">例8.3</A>(自动跳转)，设计一个页面，当这个页面显示后10秒内用户没有移动过鼠标，将自动显示另一个页面。</LI>
<LI><A href="sample/S08_04.htm">例8.4</A>(选择跳转)，设计一个页面，它将根据用户屏幕的分辨率而显示不同的页面。</LI>
<LI><A href="sample/S08_05.htm">例8.5</A>(历史跳转)，设计一个页面，浏览器执行它时将显示原来的页面。</LI>
</UL>
<H2><A name="8.2 文档(document)对象">8.2 文档(document)对象</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H2>
<UL>
<LI>通过document对象可以访问HTML文档包含的任何HTML元素，如各种表格、表单、图像、超链接等。</LI>
<LI>所有HTML元素在文档对象模型中都表现为一个对象。</LI>
</UL>
<H3><A name="8.2.1 document对象的属性和方法">8.2.1 document对象的属性和方法</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H3>
<UL>
<LI>document对象的属性和方法如表8-6所示。</LI>
<LI><A href="sample/S08_06.htm">例8.6</A>，设计一个页面，显示document对象中的一些属性。</LI>
</UL>
<H3><A name="8.2.2 使用all属性访问HTML元素">8.2.2 使用all属性访问HTML元素</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H3>
<UL>
<LI>在document对象中，all是一个非常特殊的属性。通过它，可以访问文档中的所有HTML元素对象。</LI>
<LI>使用all属性访问HTML元素的方法有三种，即使用索引、名称(或ID)和HTML标记名。</LI>
<LI><A href="sample/S08_07.htm">例8.7</A>(使用索引)，显示当前HTML文档中出现的所有标记。</LI>
<LI><A href="sample/S08_08.htm">例8.8</A>(使用名称或ID)，在页面上设计一个动态显示时间的电子时钟。</LI>
<LI><A href="sample/S08_09.htm">例8.9</A>(使用HTML标记名)，显示在HTML文档中用<P>标记定义的段落数。</LI>
</UL>
<H2><A name="8.3 表单(form)对象">8.3 表单(form)对象</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H2>
<H3><A name="8.3.1 form对象的属性、方法和事件">8.3.1 form对象的属性、方法和事件</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H3>
<UL>
<LI>在程序中，如果创建的表单有一个名字(如myform)，那么就可通过这个表单名访问它，如:document.myform。</LI>
<LI>获取了form对象之后，就可以通过使用其属性、方法和事件(如表8-7所示)来实现各种功能。</LI>
<LI><A href="sample/s08_10.htm">例8.10</A>，列出表单中所有表单元素的名称。</LI>
</UL>
<H3><A name="8.3.2 表单处理">8.3.2 表单处理</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H3>
<UL>
<LI>表单验证是指确定用户提交的表单数据是否合法，例如填写的身份证号码是否有意义、年龄和学历是否相符等问题。</LI>
<LI>
由于在表单正式提交到服务器之前，需要onSubmit的值为true(如果不设置事件处理函数，则该值默认为true)，因此可以通过为onSubmit事件指定的处理函数来进行表单数据的验证。</LI>
<LI><A href="sample/s08_11.htm">例8.11</A>，设计一个表单，该表单有姓名和某种卡号两个文本输入框，其中这种卡号的格式为XXXX-XXXX-XXXX-XXXX(每个X代表一位数字)，要求在用户单击提交按钮“发送”之前验证这两个输入数据的有效性。</LI>
</UL>
<H3><A name="8.3.3 表单元素对象的属性、方法和事件">8.3.3 表单元素对象的属性、方法和事件</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H3>
<UL>
<LI>表单可以有很多表单元素，称之为表单元素对象。</LI>
<LI>
表单元素对象可以分为文本框(Text)、文本区(TextArea)、密码(Password)、按钮(Button)、重置按钮(Reset)、提交按钮(Submit)、单选框(Radio)、复选框(Checkbox)、列表(Select)、列表选项(Option)和隐藏(Hidden)对象等。</LI>
<LI>表8-8所示列出了这些对象的常用属性、方法和事件。</LI>
</UL>
<H3><A name="8.3.4 处理表单元素示例">8.3.4 处理表单元素示例</A>
<A href="#第八章 使用浏览器对象">(目录)</A></H3>
<UL>
<LI>对表单元素对象的引用，类似于引用表单的通用属性。如：</LI>
</UL>
<BLOCKQUOTE>
<BLOCKQUOTE>
<P>document.myform.age</P>
</BLOCKQUOTE>
</BLOCKQUOTE>
<UL>
<LI><A href="sample/s08_12.htm">例8.12</A>(处理文本框)，检验在文本框中输入的年龄是否有效,要求年龄在10~100之间。</LI>
<LI><A href="sample/s08_13.htm">例8.13</A>(处理按钮)，设计3个按钮，当单击它们时分别使页面的背景色变成红、蓝和绿色。</LI>
<LI><A href="sample/s08_14.htm">例8.14</A>(处理单选框和复选框)，设计一个在线调查的表单页面(含有单选、多选项)，当用户单击提交按钮时将显示一个对话框显示用户的选择结果。</LI>
<LI><A href="sample/s08_15.htm">例8.15</A>(处理列表)，设计一个在线调查的表单页面(含有一个单选列表和一个多选列表)，当用户单击提交按钮时将显示一个对话框显示用户的选择结果。</LI>
</UL>
</BODY>
</HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -