JavaScript输入输出
简单的输入、输出例子
在JavaScript中可以非常方便地实现输入输出信息,并与用户进行交互。
1、JavaScript信息的输入
通过使用JavaScript中所提供的窗口对象方法prompt(), 就能完成信息的输入。该方法提供了最简便的信息输入方式,其基本格式如下:
window.prompt("提示信", "预定输入信息");
此方法首先在浏览器窗口中弹出一个对话框, 让用户自行输入信息。一旦输入完成后,就返回用户所输入信息的值。例:
test=prompt(“请输入数据:”,”this is a JavaScript”)
实际上prompt()是窗口对象的一个方法。因为缺省情况下所用的对象就是window对象, 所以windows对象可以省略不写。
<html>
<head>
<script type="text/javascript">
function disp_prompt(){var name=prompt("Please enter your name","")if (name!=null && name!=""){document.write("Hello " + name + "!")}}
</script>
</head>
<body><input type="button" οnclick="disp_prompt()"
value="Display a prompt box" /></body>
</html>
2、输出显示
每种语言,都必须提供信息数据的输出显示。JavaScript也是一样,它提供有几个用于信息输出显示的方法。比较常用的有 window.alert()、document.write和及document.writln()方法。
1)、document.write()方法和document.writeln()方法
document是JavaScript中的一个对象在它中封装许多有用的方法,其中write()和writeln()就是用于将文本信息直接输出 到浏览器窗口中的方法。
document.write();
document.writeln();
说明:
write()和writeln()方法都是用于向浏览器窗口输出文本字串;
二者的唯一区别就是writeln()方法自动在文本之后加入回车符。
<html>
<body><script type="text/javascript">
document.write("Hello World! ","Hello You! ","<p style='color:blue;'>Hello World!</p>")
</script></body>
</html>
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>
JavaScript输入输出相关推荐
- JavaScript基础第01天笔记——编程语言、计算机基础、JavaScript注释、JavaScript输入输出语句、变量的概念、变量的使用、数据类型、解释型语言和编译型语言、关键字和保留字
1 - 编程语言 1.1 编程 编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序: 就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌 ...
- JavaScript基础第01天—编程语言—计算机基础—初始JavaScript—JavaScript注释—JavaScript输入输出语句—变量的使用—数据类型—关键字和保留字
JavaScript基础第01天 1 - 编程语言 1.1 编程 编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序: 就是计算机所执行的一系列的 ...
- JavaScript输入输出语句
为了方便信息的输入输出, Js 中提供了一些输入输出语句, 其常用的语句如下: 方法 | 说明 ...
- JavaScript(一)—— 初识JavaScript/注释/输入输出语句/变量/数据类型
本篇为 JavaScript 系列笔记第一篇,将陆续更新 文章目录 一.初识 JavaScript 1. JavaScript 是什么 2. JavaScript 的作用 3. HTML.CSS 和 ...
- JavaScript如何输入输出之如何使用JavaScript优雅编程
说来实在惭愧,这都春招了,我竟然还不会用JavaScript输入来进行编程.昨天OKGROUP笔试,第一题,输入一串数字用','隔开,找出出现次数最多的数字.我竟因为不会输入输出而放弃了.试卷100分 ...
- JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)
前言 根据视频和PPT整理 JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程 视频对应资源(在视频简介里面) ...
- JavaScript基础(一)(编程语言,计算机基础,初始JavaScript,JavaScript注释,输入输出语句,变量的概念,变量的使用,数据类型,解释型语言和编译型语言)
JavaScript基础第01天 1 - 编程语言 1.1 编程 编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序: 就是计算机所执行的一系列的 ...
- JavaScript教程--从入门到精通
JavaScript是由Netscape公司开发并随Navigator导航者一起发布的.介于Java与HTML之间.基于对象事件驱动的编程语言,正日益受到全球的关注.因它的开发环境简单,不需要Java ...
- 在别人网页上运行js脚本_初始JavaScript,世界上最流行的语言之一
1.JavaScript 是什么? JavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思) 脚本语言:不需要编译,运行过程中由 js 解释器( j ...
最新文章
- 新书上市 | 当我们在谈论贝叶斯时我们在谈论什么:用贝叶斯的眼光看世界
- 总结一下内核DEBUG中的dump_stack, BUG, BUG_ON以及panic
- python列表各种切片姿势
- Html中框架的使用
- Leetcode-137. 只出现一次的数字 II (python3实现)
- 这35个Java代码优化细节,你用了吗?
- Please remove usages of `jcenter()` Maven repository from your build scripts and migrate your build
- memory_buffer详解
- 程序员山洞开发程序,两年敲45万行代码,网友:一般人扛不住
- 最小生成树 Kruskal算法 Prim算法
- (68)信号发生器DDS协议(第14天)
- 前端开发需要掌握什么技术,成为一个高薪的web前端程序员很难吗?
- Multisim12\Multisim14访问主数据库失败的解决方法
- VMware15安装mac10.14
- DOA估计谱峰搜索的一种策略
- 算法模板-深度优先遍历
- leetcode-排列组合问题
- 使用科大讯飞SDK实现语音功能
- 传iPhone8将搭载裸眼3D技术
- c语言:(指针)有n个整数,使前面各数顺序向后移动m个位置
热门文章
- 信息学奥赛C++语言:蛋糕盒子
- 信息学奥赛C++语言:打擂台
- python获取字典长度_Python基础-字典
- OpenCV中基本数据结构(6)_Matx
- 【Swin Transformer】W-MSA与MSA时间复杂度的理解
- java功夫手机游戏6_我功夫贼六手游下载
- base64还原_冰蝎3.0流量分析与还原
- A Free CDN For Open Source
- 解决篇:wampserver访问your projects项目,路径不加localhost前缀 - 解决篇
- 独角兽导航带音乐带后台带客服