📄 js7.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0055)http://www.pinluo.com/book/javascript/js7.htm -->
<HTML><HEAD><TITLE>第七讲 窗口及输入输出 - 品络科技 pinluo.com</TITLE>
<META http-equiv=Content-Language content=zh-cn>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE>TABLE.MsoNormalTable {
FONT-SIZE: 10pt; FONT-FAMILY: "Times New Roman"; mso-style-parent: ""
}
</STYLE>
<META content="MSHTML 6.00.2800.1476" name=GENERATOR></HEAD>
<BODY>
<DIV align=center>
<TABLE id=table1 height=607 cellSpacing=0 cellPadding=0 width=800
background=js7.files/sc1.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE id=table2 cellSpacing=0 cellPadding=0 width=560 border=0>
<TBODY>
<TR>
<TD>
<P align=center>
<P align=center> </P></TD></TR>
<TR>
<TD>
<P align=center><IMG height=34 src="js7.files/sc.jpg" width=226
border=0></P></TD></TR>
<TR>
<TD>
<P align=center>
<P align=center><FONT color=#ff0000>第七讲 窗口及输入输出</FONT>
<P> <FONT
size=2>JavaScript是基于对象的脚本编程语言，那么它的输入输出就是通过对象来完成的。其中有关输入可通过窗口（Window）对象来完成，而输出可通过文档（document）对象的方法来实现。</FONT>
<P><FONT size=2>一、窗口及输入输出</FONT>
<P><FONT size=2>1.窗口对象</FONT>
<P><FONT size=2>
该对象包括许多有用的属性、方法和事件驱动程序，编程人员可以利用这些对象控制浏览器窗口显示的各个方面，如对话框、框架等。在使用应注意以下几点：<BR>
该对象对应于HTML文档中的<Body>和<FrameSet>两种标识；<BR>
onload和onunload都是窗口对象属性；<BR>
在JavaScript脚本中可直接引用窗口对象。如：<BR>
window.alert("窗口对象输入方法") <BR>
可直接使用以下格式：<BR> alert("窗口对象输入方法")</FONT>
<P><FONT size=2>2.窗口对象的事件驱动</FONT>
<P><FONT size=2>
窗口对象主要有装入Web文档事件onload和卸载时onunload事件。用于文档载入和停止载入时开始和停止更新文档。</FONT>
<P><FONT size=2>3.窗口对象的方法</FONT>
<P><FONT size=2>
窗口对象的方法主要用来提供信息或输入数据以及创建一个新的窗口。<BR>
创建一个新窗口open()<BR>
使用window.open（参数表）方法可以创建一个新的窗口。其中参数表提供有窗口的主要特性和文档及窗口的命名。<BR>
具有OK按钮的对话框<BR>
alert()方法能创建一个具有OK按钮的对话框。<BR>
具有OK和Cancel按钮的对话框<BR>
confirm()方法为编程人员提供一个具有两个按钮的对话框。<BR>
具有输入信息的对话框<BR>
prompt()方法允许用户在对话框中输入信息，并可使用默认值，其基本格式如下prompt（“提示信息”，默认值）。</FONT>
<P><FONT size=2>4.窗口对象中的属性</FONT>
<P><FONT size=2>
窗口对象中的属性主要用来对浏览器中存在的各种窗口和框架的引用，其主要属性有：</FONT>
<P><FONT size=2> (1)frames
确文档中帧的数目<BR>
frames（帧）作为实现一个窗口的分隔操作，起到非常有用的作用，在使用注意以下几点：<BR>
frames属性是通过HTML标识<Frames>的顺序来引用的，它包含了一个窗口中的全部帧数。帧本身已是一类窗口，继承了窗口对象所有的全部属性和方法。</FONT>
<P><FONT size=2> (2)Parent 指明当前窗口或帧的父窗口。</FONT>
<P><FONT size=2>
(3)defaultstatus:默认状态，它的值显示在窗口的状态栏中。</FONT>
<P><FONT size=2> (4)status:包含文档窗口中帧中的当前信息。</FONT>
<P><FONT size=2> (5)top:包括的是用以实现所有的下级窗口的窗口。</FONT>
<P><FONT size=2> (6)window.指的是当前窗口</FONT>
<P><FONT size=2> (7)self:引用当前窗口。</FONT>
<P><FONT size=2>5.输出流及文档对象</FONT>
<P><FONT size=2>
在JavaScript文档对象中，提供了用于显示关闭、消除、打开HTML页面的输出流。</FONT>
<P><FONT size=2>
(1)创建新文档open()方法<BR>
使用document.open()创建一个新的窗口或在指定的命令窗口内打开文档。由于窗口对象是所加载的父对象,因而我们在调用它的属性或方法时,不需要加入Window对象。例用Window.
Open()与Open()是一样的。<BR>
打开一个窗口的基本格式：<BR> Window
.open("URL","窗口名字","窗口属性"]<BR>
window属性参数是由一个字符串列表项它由逗号分隔，它指明了有关新创建窗口的属性。</FONT>
<P>
<TABLE class=MsoNormalTable id=table3
style="BORDER-RIGHT: black 1pt outset; BORDER-TOP: black 1pt outset; MARGIN-LEFT: 6.75pt; BORDER-LEFT: black 1pt outset; WIDTH: 345pt; MARGIN-RIGHT: 6.75pt; BORDER-BOTTOM: black 1pt outset"
cellSpacing=1 cellPadding=0 width=460 align=left border=1>
<TBODY>
<TR>
<TD
style="BORDER-RIGHT: black 1pt inset; PADDING-RIGHT: 5.25pt; BORDER-TOP: black 1pt inset; PADDING-LEFT: 5.25pt; PADDING-BOTTOM: 5.25pt; BORDER-LEFT: black 1pt inset; WIDTH: 21%; PADDING-TOP: 5.25pt; BORDER-BOTTOM: black 1pt inset"
vAlign=top align=middle>
<P style="TEXT-ALIGN: center" align=center><SPAN
style="FONT-FAMILY: 宋体">参 数</SPAN><SPAN lang=EN-US>
</SPAN></P></TD>
<TD
style="BORDER-RIGHT: black 1pt inset; PADDING-RIGHT: 5.25pt; BORDER-TOP: black 1pt inset; PADDING-LEFT: 5.25pt; PADDING-BOTTOM: 5.25pt; BORDER-LEFT: black 1pt inset; WIDTH: 20%; PADDING-TOP: 5.25pt; BORDER-BOTTOM: black 1pt inset"
vAlign=top align=middle><SPAN
style="FONT-FAMILY: 宋体">设定值</SPAN><SPAN lang=EN-US> </SPAN></TD>
<TD
style="BORDER-RIGHT: black 1pt inset; PADDING-RIGHT: 5.25pt; BORDER-TOP: black 1pt inset; PADDING-LEFT: 5.25pt; PADDING-BOTTOM: 5.25pt; BORDER-LEFT: black 1pt inset; WIDTH: 49%; PADDING-TOP: 5.25pt; BORDER-BOTTOM: black 1pt inset"
vAlign=top align=middle>
<P style="TEXT-ALIGN: center" align=center><SPAN
style="FONT-FAMILY: 宋体">含 义</SPAN><SPAN lang=EN-US>
</SPAN></P></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: black 1pt inset; PADDING-RIGHT: 5.25pt; BORDER-TOP: black 1pt inset; PADDING-LEFT: 5.25pt; PADDING-BOTTOM: 5.25pt; BORDER-LEFT: black 1pt inset; WIDTH: 21%; PADDING-TOP: 5.25pt; BORDER-BOTTOM: black 1pt inset"
vAlign=top align=middle>
<P style="TEXT-ALIGN: center" align=center><SPAN lang=EN-US
style="FONT-FAMILY: 宋体">toolbar</SPAN><SPAN lang=EN-US>
</SPAN></P></TD>
<TD
style="BORDER-RIGHT: black 1pt inset; PADDING-RIGHT: 5.25pt; BORDER-TOP: black 1pt inset; PADDING-LEFT: 5.25pt; PADDING-BOTTOM: 5.25pt; BORDER-LEFT: black 1pt inset; WIDTH: 20%; PADDING-TOP: 5.25pt; BORDER-BOTTOM: black 1pt inset"
vAlign=top align=middle>
<P style="TEXT-ALIGN: center" align=center><SPAN lang=EN-US
style="FONT-FAMILY: 宋体">yes/no</SPAN><SPAN lang=EN-US>
</SPAN></P></TD>
<TD
style="BORDER-RIGHT: black 1pt inset; PADDING-RIGHT: 5.25pt; BORDER-TOP: black 1pt inset; PADDING-LEFT: 5.25pt; PADDING-BOTTOM: 5.25pt; BORDER-LEFT: black 1pt inset; WIDTH: 49%; PADDING-TOP: 5.25pt; BORDER-BOTTOM: black 1pt inset"
vAlign=top align=middle>
<P style="TEXT-ALIGN: center" align=center><SPAN
style="FONT-FAMILY: 宋体">建立或不建立标准工具条</SPAN><SPAN lang=EN-US>
</SPAN></P></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: black 1pt inset; PADDING-RIGHT: 5.25pt; BORDER-TOP: black 1pt inset; PADDING-LEFT: 5.25pt; PADDING-BOTTOM: 5.25pt; BORDER-LEFT: black 1pt inset; WIDTH: 21%; PADDING-TOP: 5.25pt; BORDER-BOTTOM: black 1pt inset"
vAlign=top align=middle>
<P style="TEXT-ALIGN: center" align=center><SPAN lang=EN-US
style="FONT-FAMILY: 宋体">location</SPAN><SPAN lang=EN-US>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -