JavaScript教程:窗口及输入输出

2016-02-20 00:37 3 1 收藏

想要天天向上，就要懂得享受学习。图老师为大家推荐JavaScript教程:窗口及输入输出，精彩的内容需要你们用心的阅读。还在等什么快点来看看吧！

【 tulaoshi.com - Web开发】

　　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 　

　　该对象包括许多有用的属性、方法和事件驱动程序，编程人员可以利用这些对象控制浏览器窗口显示的各个方面，如对话框、框架等。在使用应注意以下几点：
　该对象对应于HTML文档中的Body和FrameSet两种标识；
　onload和onunload都是窗口对象属性；
　在JavaScript脚本中可直接引用窗口对象。如：
window.alert("窗口对象输入方法")
可直接使用以下格式：
alert("窗口对象输入方法")
　

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

　　窗口对象的方法主要用来提供信息或输入数据以及创建一个新的窗口。
　　创建一个新窗口open()
使用window.open（参数表）方法可以创建一个新的窗口。其中参数表提供有窗口的主要特性和文档及窗口的命名。
　　具有OK按钮的对话框
alert()方法能创建一个具有OK按钮的对话框。
　　具有OK和Cancel按钮的对话框
confirm()方法为编程人员提供一个具有两个按钮的对话框。
　　具有输入信息的对话框
prompt()方法允许用户在对话框中输入信息，并可使用默认值，其基本格式如下prompt（提示信息，默认值）。
　

　　窗口对象中的属性主要用来对浏览器中存在的各种窗口和框架的引用，其主要属性有以下几个：
（１）frames 确文档中帧的数目
frames（帧）作为实现一个窗口的分隔操作，起到非常有用的作用，在使用注意以下几点：
　　frames属性是通过HTML标识Frames的顺序来引用的，它包含了一个窗口中的全部帧数。
　　帧本身已是一类窗口，继承了窗口对象所有的全部属性和方法。
（２）Parent 指明当前窗口或帧的父窗口。
（３）defaultstatus:默认状态，它的值显示在窗口的状态栏中。
（４）status:包含文档窗口中帧中的当前信息。
（５）top:包括的是用以实现所有的下级窗口的窗口。
（６）window.指的是当前窗口
（７）self:引用当前窗口。
　

　　在JavaScript文档对象中，提供了用于显示关闭、消除、打开HTML页面的输出流。
（１）创建新文档open()方法
　　使用document.open()创建一个新的窗口或在指定的命令窗口内打开文档。由于窗口对象是所加载的父对象,因而我们在调用它的属性或方法时,不需要加入Window对象。例用Window. Open()与Open()是一样的。
打开一个窗口的基本格式：
Window .open("URL","窗口名字","窗口属性"]
window属性参数是由一个字符串列表项它由逗号分隔，它指明了有关新创建窗口的属性。见表7-1所示。

表7-1

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）　
在使用Open()方法时，需要注意以下点。
　通常浏览器窗中，总有一个文档是打开的。因而不需要为输出建立一个新文档。
　在完成对Web文档的写操作后，要使用或调用close()方法来实现对输出流的关闭。
　在使用open()来打开一个新流时，可为文档指定一个有效的文档类型，有效文档类型包括text/HTML、text/gif、text/xim、text/plugin等。
（２）write()、writeln()输出显示。
该方法主要用来实现在Web页面上显示输出信息。在实际使用中，需注意以下几点：
　writeln()与write()唯一不同之处在于在未尾加了一个换符。
　为了正常显示其输出信息，必须指明pre /Pre标记，使之告诉编辑器。
　输出的文档类型，可以由浏览器中的有效的合法文本类型所确定。
（３）关闭文档流close()
在实现多个文档对象中，必须使用close()来关闭一个对象后，才能打开另一个文档对象。
（４）清除文档内容clear()
使用该方法可清除已经打开文档的内容。

来源:https://www.tulaoshi.com/n/20160220/1632259.html

上一篇： MAC如何快速截取应用Logo大图标
下一篇： Mac如何通过磁盘工具进行磁盘自检与修复

看过《JavaScript教程:窗口及输入输出》的人还看了以下文章更多>>

javascript 控制弹出窗口

标签： Web开发

前言:经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段javascript代码即可实现。下面我就带您剖析它的...

在窗口中输出文字

标签：编程语言网络编程

在这里假定已经利用ApplicationWizard生成了一个SDI界面的程序代码。接下来的你只需要在CView派生类的OnDraw成员函数中加入绘图代码就可以了。在这里我需要解释一下OnDraw函数的作用，OnDraw函数会在窗口需要重绘时自动被调用，传入的参数CDC* pDC对应的就是DC环境。使用OnDraw的优点就在于在你使用打印功能的时候传入OnDraw的DC环境将会是打印...

JavaScript入门教程(6):Window窗口对象

标签： Web开发

JavaScript中的Window窗口对象他是JavaScript中最大的对象，它描述的是一个浏览器窗口。一般要引用它的属性和方法时，不需要用window.xxx这种形式，而直接使用xxx。一个框架页面也是一个窗口。 Window窗口对象有如下属性： name 窗口的名称，由打开它的连接（a target="..."）或框架页（frame name="..."）或某一...

Javascript实例教程(13) 鼠标触发窗口

标签： Web开发

利用javascript产生鼠标移过时弹出窗口本节教程将介绍当鼠标移过图片的时候弹出一个窗口的设计。这个弹出的窗口是一个标准的网页，你可以设置它的大小。首先在网页的Header标签处加入以下代码： SCRIPT LANGUAGE="Javascript" var popupwindow_window = null; function popupwindow(status,url) { if(status != 0) { if(popupwindow !=...

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

标签： Web开发

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

查看更多精彩>>