JavaScript窗口及输入输出

JavaScript是基于对象的脚本编程语言,那么它的输入输出就是通过对象来完成的。其中有关输入可通过窗口(Window)对象来完成,而输出可通过文档(document)对象的方法来实现。

一、窗口及输入输出

请看下面例子:

<HTML>
<Head>
<script languaga="JavaScript">
Var test=window.prompt("请输入数据:");
document.write(test+"JavaScript输入输出的例子");
</script>
</Head>
</HTML>

其中window.prompt()就是一个窗口对象的方法,其基本作用是,当装入Web页面时在屏幕上显示一个具有“确定”和“取消”的对话框,让你输出数据。document.writle是一个文档对象的方法,它的基本功能,是实现Web页面的输出显示。见图1所示。


图1  

1、窗口对象

该对象包括许多有用的属性、方法和事件驱动程序,编程人员可以利用这些对象控制浏览器窗口显示的各个方面,如对话框、框架等。在使用应注意以下几点:

该对象对应于HTML文档中的<Body>和<FrameSet>两种标识;

onload和onunload都是窗口对象属性;

在JavaScript脚本中可直接引用窗口对象。如:

window.alert("窗口对象输入方法")

可直接使用以下格式:

alert("窗口对象输入方法")

2、窗口对象的事件驱动

窗口对象主要有装入Web文档事件onload和卸载时onunload事件。用于文档载入和停止载入时开始和停止更新文档。

3、窗口对象的方法

窗口对象的方法主要用来提供信息或输入数据以及创建一个新的窗口。

创建一个新窗口open()

使用window.open(参数表)方法可以创建一个新的窗口。其中参数表提供有窗口的主要特性和文档及窗口的命名。

具有OK按钮的对话框

alert()方法能创建一个具有OK按钮的对话框。

具有OK和Cancel按钮的对话框

confirm()方法为编程人员提供一个具有两个按钮的对话框。

具有输入信息的对话框

prompt()方法允许用户在对话框中输入信息,并可使用默认值,其基本格式如下prompt(“提示信息”,默认值)。

4、窗口对象中的属性

窗口对象中的属性主要用来对浏览器中存在的各种窗口和框架的引用,其主要属性有以下几个:

(1)frames 确文档中帧的数目

frames(帧)作为实现一个窗口的分隔操作,起到非常有用的作用,在使用注意以下几点:

frames属性是通过HTML标识<Frames>的顺序来引用的,它包含了一个窗口中的全部帧数。

帧本身已是一类窗口,继承了窗口对象所有的全部属性和方法。

(2)Parent 指明当前窗口或帧的父窗口。

(3)defaultstatus:默认状态,它的值显示在窗口的状态栏中。

(4)status:包含文档窗口中帧中的当前信息。

(5)top:包括的是用以实现所有的下级窗口的窗口。

(6)window.指的是当前窗口

(7)self:引用当前窗口。

5、输出流及文档对象

在JavaScript文档对象中,提供了用于显示关闭、消除、打开HTML页面的输出流。

(1)创建新文档open()方法

使用document.open()创建一个新的窗口或在指定的命令窗口内打开文档。由于窗口对象是所加载的父对象,因而我们在调用它的属性或方法时,不需要加入Window对象。例用Window. Open()与Open()是一样的。

打开一个窗口的基本格式:

Window .open("URL","窗口名字","窗口属性"]

window属性参数是由一个字符串列表项它由逗号分隔,它指明了有关新创建窗口的属性。见表7-1所示。

表7-1


参 数


设定值


含 义


toolbar


yes/no


建立或不建立标准工具条


location


yes/no


建立或不建立位置输入字段


directions


yes/no


建立或不建立标准目录按钮


status


yes/no


建立或不建立状态条


menubar


yes/no


建立或不建立菜单条


scrollbar


yes/no


建立或不建立滚动条


revisable


yes/no


能否改变窗口大小


width


yes/no


确定窗口的宽度


Height


yes/


确定窗口的高度。

在使用Open()方法时,需要注意以下点。

通常浏览器窗中,总有一个文档是打开的。因而不需要为输出建立一个新文档。

在完成对Web文档的写操作后,要使用或调用close()方法来实现对输出流的关闭。

在使用open()来打开一个新流时,可为文档指定一个有效的文档类型,有效文档类型包括text/HTML、text/gif、text/xim、text/plugin等。

(2)write()、writeln()输出显示。

该方法主要用来实现在Web页面上显示输出信息。在实际使用中,需注意以下几点:

writeln()与write()唯一不同之处在于在未尾加了一个换符。

为了正常显示其输出信息,必须指明<pre> </Pre>标记,使之告诉编辑器。

输出的文档类型,可以由浏览器中的有效的合法文本类型所确定。

(3)关闭文档流close()

在实现多个文档对象中,必须使用close()来关闭一个对象后,才能打开另一个文档对象。

(4)清除文档内容clear()

使用该方法可清除已经打开文档的内容。

时间: 2025-01-02 18:08:20

JavaScript窗口及输入输出的相关文章

复杂的javascript窗口分帧解析_javascript技巧

什么是窗口分帧?    窗口分帧就是把一个浏览器文档窗口分隔成多个窗口,每个窗口都可以显示一个独立的网页文件,每个帧(即页面)都有自己的url. 帧窗口该如何创建? 帧通常是由<frameset>和<frame>标记创建的.但在HTML 4中,<iframe>标记也可以用来在文档中创建"内联帧".就JavaScript来说,<iframe>创建的帧与<frameset>和<frame>创建的帧一样. 在HTML中用

JavaScript窗口和框架

javascript 54 改变浏览器状态栏文字提示1<script language="JavaScript">2 window.status = "A new status message";3</script> 55 弹出确认提示框1<script language="JavaScript">2 var userChoice = window.confirm("Click OK or Cance

JavaScript窗口功能指南之关闭窗口

当你创建了一个新窗口时,将open()方法的返回值分配给一个变量非常重要.比如,下面的语句就是创建一个新窗口,然后立即关闭它: win = window.open("http://www.docjs.com/", "js"); win.close(); 每一个浏览器窗口都清楚地与一个window对象对应,所以,当你想引用当前窗口时,你应该使用window对象.下面的语句设置当前窗口的URL: window.location.href = "http://w

javascript窗口宽高,鼠标位置,滚动高度(详细解析)_基础知识

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scr

JavaScript窗口操作window.open()常用方法详解

在HTML中打开窗口 我们已经知道如何在HTML中打开一个窗口.多数当前流行的浏览器中, 你可用一个href语句打开一个新窗口,例如: 点击  代码如下 复制代码 <A href="yer_new_window.html" target=yer_new_window> 这里</A> 即可打开另一个窗口. 说明:上述代码,目标链接打开的窗口是上面名为"yer_new_window" 的窗口. 简单温习href目标后,下面将学习如何在JavaSc

兼容ie,ff,chrome的javascript窗口关闭代码

 代码如下 复制代码 function windowclose() {     var browserName = navigator.appName;     if (browserName=="Netscape") {         window.open('', '_self', '');         window.close();     }     else {         if (browserName == "Microsoft Internet Ex

javascript 窗口加载蒙板 内嵌网页内容_javascript技巧

复制代码 代码如下: //初始化导航背景,iframe容器 function fnDaoHangBg() { var h = fnGetHeight(),w = fnGetWidth();//获取背景窗口大小 if(!$('divDaoHangBg')) { var div = $C('div');//创建背景蒙板 div.id = 'divDaoHangBg'; div.style.backgroundColor = 'black'; div.style.position = 'absolut

JavaScript教程--从入门到精通(7)

javascript|教程 JavaScript窗口及输入输出 JavaScript是基于对象的脚本编程语言,那么它的输入输出就是通过对象来完成的.其中有关输入可通过窗口(Window)对象来完成,而输出可通过文档(document)对象的方法来实现. 一.窗口及输入输出请看下面例子:<HTML><Head><script languaga="JavaScript">Var test=window.prompt("请输入数据:")

基于javascript实现窗口抖动效果_javascript技巧

本文实例讲解了基于javascript实现窗口抖动效果的详细代码,分享给大家供大家参考,具体内容如下 效果图: 鼠标点击,窗口实现抖动. 具体代码: <!DOCTYPE HTML> <html> <head> <meta charset="gb2312"/> <title>窗口登陆效果</title> <style type="text/css"> #win { position:r