`
rebecca
  • 浏览: 314984 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript输入输出

阅读更多

1.JavaScript信息的输入

window.prompt("提示信", 预定输入信息);

 

此方法首先在浏览器窗口中弹出一个对话框, 让用户自行输入信息。一旦输入完成后,就返回用户所输入信息的值。

实际上prompt()是窗口对象的一个方法。因为缺省情况下所用的对象就是window对象, 所以windows对象可以省略不写。

 

2.输出显示

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窗口对象名,而是直接使用就行了。它主要用途用在输出时产生有关警告提示信息或提示用户,一旦用户按“确定”钮后,方可继续执行其他脚本程序。

3)利用输入、输出方法实现交互

 在JavaScript中,可以利用prompt()方法和write()方法实现与Web页面用户进行交互。例下面就是一个有关实现交互的例子。

 

<html>
    <head>
        <title>学习JS</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript">

             document.write("<h1>请输入你的姓名:");

            var b = window.prompt("name:");
            
            document.write(b+"</h1>");


           
        </script>
    </head>

    <body>
    

    </body>
</html>

 从上面程序可以看出:
 可通过write()和prompt()方法实现交互。
 在JavaScript脚本语言中可以使用HTML标识语言的代码。从而实现混合编程。

 

3.范例

下列程序演示了你进入主页所停留的时间。

<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>
 

 

分享到:
评论

相关推荐

    js代码-JavaScript 输入输出练习

    此外,了解变量声明(`var`, `let`, `const`)、数据类型(如字符串、数字、布尔值、数组、对象等)、条件语句(`if...else`)、循环(`for`, `while`, `forEach`等)、函数定义和调用,也是JavaScript输入输出练习...

    输入输出_magicxt6_javascript_输出_输入_阿里_

    在JavaScript中,输入输出(I/O)是编程过程中不可或缺的一部分,特别是在进行在线笔试编程题时,如滴滴、阿里、腾讯等公司的面试环节。这些题目通常要求考生利用JavaScript来处理用户输入或者向用户展示程序结果。本...

    输入输出程序界面设计.pdf

    * JavaScript:用于设计交互式的输入输出程序界面。 * 服务器端脚本语言:用于设计服务器端的输入输出程序界面。 4. 界面设计的实现 输入输出程序界面设计的实现需要考虑到多个方面,例如: * 界面布局:界面布局...

    JavaScript输出各种*号图案

    利用JavaScript输出各种各样的星号图案,本代码举例手动输入行数,利用循环输出菱形

    javascript实现输出指定行数正方形图案的方法

    javascript实现输出指定行数的正方形图案:点击生成图案,会有2个提示框,1,输入图案的组成字符,只能是1个字符哦2,输入正方形行数,路过大于10,会设置为10行数 &lt;!DOCTYPE ...

    Python变量的输入输出-格式化输出整数变量

    Python还被语言流行指数的编译器Tiobe将它被评为最受欢迎的编程语言,20多年来首次将其置于Java、C和JavaScript之上,真的非常荣幸了 自从20世纪90年代初Python语言诞生至2022年,它已被逐渐广泛应用于系统管理...

    javascript笔记 javascript笔记

    ')`这段JavaScript代码会被执行,页面上会输出`Hello World!`。 **示例2:** ```html ('GOGOGO')"&gt; ``` - **解释:** 当按钮被点击时,会弹出一个警告框显示`GOGOGO`。 ### JavaScript对话框 JavaScript提供了几...

    JavaScript

    1-JavaScript教程语言概况 2-JavaScript基本数据结构 3-JavaScript程序构成 4-基于对象的JavaScript语言 5-在JavaScript中创建新对象 6-JavaScript对象系统的使用 7-JavaScript窗口及输入输出 ...

    JavaScript内部测试题1

    JavaScript,作为全球最广泛使用的编程语言之一,是前端开发的核心技术。这门动态类型的脚本语言在网页交互、用户界面动态化以及Web应用程序构建中扮演着至关重要的角色。本内部测试题1主要针对JavaScript的基础知识...

    java输入输出语句.doc

    Java 输入输出语句详解 Java 语言中,输入输出语句是编程的基本组成部分。本文将详细介绍 Java 中的输入输出语句,包括标准输入输出流、控制台输入、BufferedReader 和 Scanner 的使用。 一、标准输入输出流 Java...

    JavaScript-学习笔记.pdf

    JavaScript中常见的输入输出语句包括: - `alert(msg)`:在浏览器中弹出一个警告框,显示消息`msg`。 - `console.log(msg)`:在浏览器的控制台中输出消息`msg`。 - `prompt(info)`:弹出一个输入框,提示用户输入...

    JavaScript简明教程

    JavaScript是由Netscape公司开发并随Navigator导航者一起发布的、介于Java与HTML之间、基于对象事件驱动的编程语言,正日益受到全球的关注。...第七讲 窗口及输入输出 第八讲 WEB页面信息交互 第九讲 实现更复杂交互

    JavaScript基础语法资料 JavaScript代码 素材 笔记 作业资料.zip

    04-JS输入输出语句.html 05-变量.html 06-变量案例.html 07-变量案例弹出用户名.html 08-变量的语法扩展.html 09-变量命名规范.html 10-交换两个变量值.html 11-变量的数据类型.html 12-数字型Number.html 13-isNaN....

    JavaScript笔记第一章—课程准备.pdf

    本章内容主要介绍了学习JavaScript之前的一些基础知识和准备工作,包括注释、JavaScript的引入方式、输入输出工具的使用、控制台的输出信息、JavaScript的执行顺序以及DOM操作等。 首先,注释在JavaScript代码中...

    javascript函数式编程

    1. **纯函数**:纯函数是指给定相同的输入,始终返回相同输出,并且不产生任何副作用的函数。在JavaScript中,纯函数避免了对全局变量的修改,使得代码更易于理解和测试。 2. **高阶函数**:高阶函数是接受一个或多...

    js打印菱形,html脚本,JavaScript输出菱形.docx

    JavaScript 输出菱形diamond形 本文将详细讲解如何使用 JavaScript 输出菱形diamond形,包括 HTML 脚本和 JavaScript 编程的实现细节。 标题解释 该标题“js 打印菱形,html 脚本,JavaScript 输出菱形”意味着...

Global site tag (gtag.js) - Google Analytics