- 浏览: 288094 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
全站唯一是我么:
请问下该功能的jdk版本是1.4的么,还是以上的?
Java实现给图片添加水印 -
Janne:
请问,你解决这问题没?是怎么回事?我今天也遇到了,没解决
myeclipse6.5中使用jax-ws启动tomcat报错问题 -
xuedong:
studypi 写道你是怎么和新浪的技术联系的?能告诉一下我吗 ...
新浪微博第三方接口调用学习 -
studypi:
你是怎么和新浪的技术联系的?能告诉一下我吗,谢谢
新浪微博第三方接口调用学习 -
dove19900520:
有用,呵呵
IE,Firefox都不放弃(兼容性问题总结)
[url][/url]JavaScript窗口及输入输出
(李晓华 2001年04月29日 01:50)
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/no
确定窗口的高度。
在使用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()
使用该方法可清除已经打开文档的内容。
二、简单的输入、输出例子
在JavaScript中可以非常方便地实现输入输出信息,并与用户进行交互。
1、JavaScript信息的输入
通过使用JavaScript中所提供的窗口对象方法prompt(), 就能完成信息的输入。该方法提供了最简便的信息输入方式,其基本格式如下:
Window.prompt("提示信", 预定输入信息);
此方法首先在浏览器窗口中弹出一个对话框, 让用户自行输入信息。一旦输入完成后,就返回用户所输入信息的值。例:
test=prompt(“请输入数据:”,”this is a JavaScript”)
实际上prompt()是窗口对象的一个方法。因为缺省情况下所用的对象就是window对象, 所以windows对象可以省略不写。
2、输出显示
每种语言,都必须提供信息数据的输出显示。JavaScript也是一样,它提供有几个用于信息输出显示的方法。比较常用的有window.alert()、document.write和及document.writln()方法。
1)、document.write()方法和document.writeln()方法
document是JavaScript中的一个对象在它中封装许多有用的方法,其中write()和writeln()就是用于将文本信息直接输出到浏览器窗口中的方法。
document.write();
document.writeln();
说明:
write()和writeln()方法都是用于向浏览器窗口输出文本字串;
二者的唯一区别就是writeln()方法自动在文本之后加入回车符。
2)、 window.alert()输出
在JavaScript为了方便信息输出,JavaScript提供了具有独立的对话框信息输出─alert()方法。
alert()方法是window对象的一个方法,因此在使用时,不需要写window窗口对象名,而是直接使用就行了。它主要用途用在输出时产生有关警告提示信息或提示用户,一旦用户按“确定”钮后,方可继续执行其他脚本程序。例:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<Script Language ="JavaScript">
alert("这是一个JavaScript测试程序");
</Script>
</BODY>
</HTML>
3)、利用输入、输出方法实现交互
在JavaScript中,可以利用prompt()方法和write()方法实现与Web页面用户进行交互。例下面就是一个有关实现交互的例子。
Test7_1.htm
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<Script Language="JavaScript">
<!-- Hide From Other Browsers
document.write("<H1>有关交互的例子");
my=prompt("请输入数据:");
document.write(my+"</H1>");
document.close();
// Stop Hiding from Other Browsers-->
</Script>
</BODY>
</HTML>
从上面程序可以看出:
可通过write()和prompt()方法实现交互。
在JavaScript脚本语言中可以使用HTML标识语言的代码。从而实现混合编程。其中<H1>和<Br>就是HTML标识符。
四、范例
下列程序演示了你进入主页所停留的时间。
test7_2.htm
<html>
<form name="myform">
<td vAlign="top" width="135">您在此停留了:
<input name="clock" size="8" value="在线时间"></td>
</form>
<script language="JavaScript">
var id, iM = 0, iS = 1;
start = new Date();
function go()
{
now = new Date();
time = (now.getTime() - start.getTime()) / 1000;
time = Math.floor( time);
iS = time % 60;
iM = Math.floor( time / 60);
if ( iS < 10)
document.myform.clock.value = " " + iM + " 分 0" + iS + " 秒";
else
document.myform.clock.value = " " + iM + " 分 " + iS + " 秒";
id = setTimeout( "go()", 1000);
}
go();
</script>
</body>
</html>
在浏览器中的结果,见图2所示。
转自:http://dev.csdn.net/htmls/83/83805.html
欢迎查看本人博客:www.java.hourb.com
发表评论
-
js在Replace中使用正则
2012-08-13 13:37 922replace方法的语法是:str ... -
js中获取时间new Date()详细介绍
2011-09-23 20:37 1384var myDate = new Date(); myDate ... -
全面理解javascript的caller,callee,call,apply概念(修改版)
2011-09-05 18:16 826在提到上述的概念之前,首先想说说javascript中函数的隐 ... -
jquery的live绑定事件,不知道是不是jquery的bug
2011-09-05 18:03 1692今天无意中发现,级联菜单中,select的onchange事 ... -
JS删除数组元素
2011-09-02 14:55 1566、JS删除数组元素 view ... -
js 判断某个方法是否存在
2011-08-25 19:59 1170function fnExist(fnName) { ... -
正则表达式常用验证
2011-08-24 12:20 825在前台很多地方需要验证输入格式,为了方便以后使用,把常用的整理 ... -
勿重复检测浏览器
2011-08-19 09:53 831拿添加事件示例 Js代码 // ... -
学习Javascript闭包(Closure)
2011-08-12 18:10 852闭包(closure)是Javas ... -
深入理解Javascript闭包 .
2011-08-12 17:56 637最近在网上查阅了不少Javascript闭包(closu ... -
IE,Firefox都不放弃(兼容性问题总结)
2011-08-11 16:00 1292下面是Javascript的IE和Fire ... -
jquery ul li mouseout 事件冒泡的bug
2011-08-11 15:48 2593今天碰到个jquery的mouseout事件的问题,弄了半天 ... -
onchange,onpropertychange,oninput键盘输入和js赋值时区别
2011-08-10 15:32 3784最近项目中需要用到文本框中值改变时触发某个事件,第一反应就是 ... -
JavaScript中setAttribute用法
2011-08-10 11:30 1048我们经常需要在JavaScript中给Element动态 ... -
window.location.hash属性介绍
2011-08-08 17:52 850window.location.hash属性介绍 ... -
给页面加速,干掉Dom Level 0 Event
2011-08-08 11:50 859现在的web应用越来越 ... -
关于图片的预加载,你所不知道的
2011-08-08 11:36 885看完了曼联与曼城的同城德比,还有漫长的两个小时,才能看到期 ... -
js判断图片是否被缓存
2011-08-05 17:35 2201在ie8下测试是可以的,别的没测。有用到的可以自己测试下,呵 ... -
javascript文件在IE缓存中的迷惑与解惑实验
2011-08-05 17:12 1319javascript文件在IE缓存中的迷惑与解惑实验 缓 ... -
highcharts实现雷达图效果
2011-08-03 11:00 11776最近项目中用到了雷达图,自己在那鼓捣了一顿总算出来一个雏形, ...
相关推荐
JavaScript学习指南为广大编程学习者预备,编码不可或缺,与jQuery一起越来 越来越牛气,该文档高清,本人特意收藏
目录: 第一章 javascript语言概述 第二章 JavaScript语言基础 第三章 JavaScript事件处理 第四章 JavaScript基于对象编程 第六章 string,math,array等数据对象 第七章 window及相关顶级对象 第八章 document对象
JavaScript 学习和教学课件,是第七版的基础教程(是web开发系列)感兴趣的朋友值得学习!
本书是程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册。 第6版涵盖HTML 5和ECMAScript 5。很多章节完全重写,以便与时俱进,紧跟当今的最佳Web开发实践。本书新增章节描述了...
经典的JavaScript教程 《O'Reilly精品图书系列:JavaScript权威指南(第6版)》讲述的内容涵盖...《O'Reilly精品图书系列:JavaScript权威指南(第6版)》不仅适合初学者系统学习,也适合有经验的JavaScript开发者随手翻阅。
详细介绍了学习javascript应该注意的问题,其中肯定会有你所需要的,值得你的一读。
第一章 什么是JavaScript 第二章 JavaScript和Java的区别 第三章 基本数据类型、表达式、运算符 第四章 程序控制流 第五章 对象的基础知识 第六章 常用对象的属性和方法 第七章 系统脚本编程语言中独有的方法
js基础Javascript入门学习第二篇 js类型Javascript入门学习第三篇 js运算Javascript入门学习第四篇 js对象和数组Javascript入门学习第五篇 js函数Javascript入门学习第六篇 js DOM编程Javascript入门学习第七篇 ...
利用javascript技术实现for循环案例,实用。
JavaScript权威指南第六版的课程代码实例,用于学习JavaScript用
掌握基本的JavaScript程序设计技术 掌握基于对象和事件驱动的编程技术 掌握级联样式表(CSS)技术 掌握JavaScript的动态网页制作技术 二、学习内容 第一章 JAVASCRIPT 简介 第二章 HTML...
此JavaScript权威指南(第6版)(中文版)pdf共分四大部分,一共22个章节,非常适合入门学习。内容相当丰富,欢迎下载; 第一部分为:javascript语言核心;第二部分为:客户端Javascript;第三部分为:javaScript核心参考;第四...
在讲授JavaSript课程第七章时,发现课件中没有把JavaScript的数组讲清楚。因为,JavaScript的数组非常特殊,而且如果你能够理解它,那么对于我们学习JSON对象语法就非常容易理解了--因为JSON就是一个数组--我们也...
如果你是一位想要深入机器学习的 JavaScript 程序员或想成为一位使用 JavaScript 的机器学习专家,那么这些开源框架也许会吸引你。 开源工具的涌现使得开发者能够更加轻松地开发应用,这一点使机器学习领域本身获得...
JavaScript 权威指南 第六版 中文文字版 清晰可复制,值得学习!
JavaScript实战手册——第七版代码 对应书籍 http://download.csdn.net/detail/yyysuki/3704463 【此书为英文原版
七、Window对象 18 1、window对象: 18 2、window.open()方法:用来打开一个新窗口 18 3、警告框:alert(); 19 4、确认框:confirm() 19 5、提示框:prompt(“”,””) 20 6、对话框:showModalDialog() 20 八、...
从1996年以来,“JavaScript 权威指南”已经成为 JavaScript 程序员的“圣经”。“权威指南”凭借着完整的内容、细致的讲解...“权威指南”第六版不仅适合初学者系统学习,也适合有经验的 JavaScript 开发者随手翻阅。
javascript学习笔记之js函数介绍,需要的朋友可以参考下