二、简单的输入、输出例子
在JavaScript中可以非常方便地实现输入输出信息，并与用户进行交互。
1、JavaScript信息的输入
通过使用JavaScript中所提供的窗口对象方法prompt(), 就能完成信息的输入。该方法提供了最简便的信息输入方式，其基本格式如下：
Window.prompt("提示信", 预定输入信息);
此方法首先在浏览器窗口中弹出一个对话框, 让用户自行输入信息。一旦输入完成后，就返回用户所输入信息的值。例:
test=prompt（“请输入数据:”，”this is a JavaScript”）
实际上prompt()是窗口对象的一个方法。因为缺省情况下所用的对象就是window对象, 所以windows对象可以省略不写。
2、输出显示
每种语言，都必须提供信息数据的输出显示。JavaScript也是一样，它提供有几个用于信息输出显示的方法。比较常用的有window.alert()、document.write和及document.writln()方法。
１)、document.write()方法和document.writeln()方法
document是JavaScript中的一个对象在它中封装许多有用的方法，其中write()和writeln()就是用于将文本信息直接输出到浏览器窗口中的方法。
document.write()；
document.writeln()；
说明：
write()和writeln()方法都是用于向浏览器窗口输出文本字串；
二者的唯一区别就是writeln()方法自动在文本之后加入回车符。
２)、 window.alert()输出
在JavaScript为了方便信息输出，JavaScript提供了具有独立的对话框信息输出─alert()方法。
alert()方法是window对象的一个方法，因此在使用时，不需要写window窗口对象名，而是直接使用就行了。它主要用途用在输出时产生有关警告提示信息或提示用户，一旦用户按“确定”钮后，方可继续执行其他脚本程序。例:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<Script Language ="JavaScript">
alert("这是一个JavaScript测试程序");
</Script>
</BODY>
</HTML>
|
３)、利用输入、输出方法实现交互
在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所示。
分享到：
相关推荐
此外，了解变量声明（`var`, `let`, `const`）、数据类型（如字符串、数字、布尔值、数组、对象等）、条件语句（`if...else`）、循环（`for`, `while`, `forEach`等）、函数定义和调用，也是JavaScript输入输出练习...
在JavaScript中，输入输出(I/O)是编程过程中不可或缺的一部分，特别是在进行在线笔试编程题时，如滴滴、阿里、腾讯等公司的面试环节。这些题目通常要求考生利用JavaScript来处理用户输入或者向用户展示程序结果。本...
* JavaScript：用于设计交互式的输入输出程序界面。 * 服务器端脚本语言：用于设计服务器端的输入输出程序界面。 4. 界面设计的实现 输入输出程序界面设计的实现需要考虑到多个方面，例如： * 界面布局：界面布局...
利用JavaScript输出各种各样的星号图案，本代码举例手动输入行数，利用循环输出菱形
javascript实现输出指定行数的正方形图案：点击生成图案，会有2个提示框，1，输入图案的组成字符，只能是1个字符哦2，输入正方形行数，路过大于10，会设置为10行数 <!DOCTYPE ...
Python还被语言流行指数的编译器Tiobe将它被评为最受欢迎的编程语言，20多年来首次将其置于Java、C和JavaScript之上，真的非常荣幸了 自从20世纪90年代初Python语言诞生至2022年，它已被逐渐广泛应用于系统管理...
')`这段JavaScript代码会被执行，页面上会输出`Hello World!`。 **示例2：** ```html ('GOGOGO')"> ``` - **解释：** 当按钮被点击时，会弹出一个警告框显示`GOGOGO`。 ### JavaScript对话框 JavaScript提供了几...
1-JavaScript教程语言概况 2-JavaScript基本数据结构 3-JavaScript程序构成 4-基于对象的JavaScript语言 5-在JavaScript中创建新对象 6-JavaScript对象系统的使用 7-JavaScript窗口及输入输出 ...
JavaScript，作为全球最广泛使用的编程语言之一，是前端开发的核心技术。这门动态类型的脚本语言在网页交互、用户界面动态化以及Web应用程序构建中扮演着至关重要的角色。本内部测试题1主要针对JavaScript的基础知识...
Java 输入输出语句详解 Java 语言中，输入输出语句是编程的基本组成部分。本文将详细介绍 Java 中的输入输出语句，包括标准输入输出流、控制台输入、BufferedReader 和 Scanner 的使用。 一、标准输入输出流 Java...
JavaScript中常见的输入输出语句包括： - `alert(msg)`：在浏览器中弹出一个警告框，显示消息`msg`。 - `console.log(msg)`：在浏览器的控制台中输出消息`msg`。 - `prompt(info)`：弹出一个输入框，提示用户输入...
JavaScript是由Netscape公司开发并随Navigator导航者一起发布的、介于Java与HTML之间、基于对象事件驱动的编程语言，正日益受到全球的关注。...第七讲 窗口及输入输出 第八讲 WEB页面信息交互 第九讲 实现更复杂交互
04-JS输入输出语句.html 05-变量.html 06-变量案例.html 07-变量案例弹出用户名.html 08-变量的语法扩展.html 09-变量命名规范.html 10-交换两个变量值.html 11-变量的数据类型.html 12-数字型Number.html 13-isNaN....
本章内容主要介绍了学习JavaScript之前的一些基础知识和准备工作，包括注释、JavaScript的引入方式、输入输出工具的使用、控制台的输出信息、JavaScript的执行顺序以及DOM操作等。 首先，注释在JavaScript代码中...
1. **纯函数**：纯函数是指给定相同的输入，始终返回相同输出，并且不产生任何副作用的函数。在JavaScript中，纯函数避免了对全局变量的修改，使得代码更易于理解和测试。 2. **高阶函数**：高阶函数是接受一个或多...
JavaScript 输出菱形diamond形 本文将详细讲解如何使用 JavaScript 输出菱形diamond形，包括 HTML 脚本和 JavaScript 编程的实现细节。 标题解释 该标题“js 打印菱形，html 脚本，JavaScript 输出菱形”意味着...