`
rebecca
  • 浏览: 311378 次
  • 性别: 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 输入输出练习

    js代码-JavaScript 输入输出练习

    js基础教学笔记.docx

    3、 初识JavaScript、JavaScript注释、JavaScript输入输出语句 4 4、 变量 6 5、 数据类型 7 6、 操作符 10 7、 流程控制 12 8、 循环 13 9、 JavaScript命名规范 14 10、 JavaScript数组 14 11、 JavaScript函数 15...

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

    Java Script的输入输出,适用于在线笔试编程题(滴滴、阿里、腾讯等)

    JavaScript输出各种*号图案

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

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

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

    JavaScript教程

    • 七、 窗口及输入输出  窗口及输入输出  简单的输入、输出例子  范例:在线时间 • 八、 WEB页面信息交互  窗体基础知识  窗体中的基本元素  范例:动态按钮 • 九、 实现更复杂交互  什么是框架  如何...

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

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

    JavaScript

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

    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教程--从入门到精通 PPT [免费版]

    JavaScript教程--从入门到精通 javascript是由Netscape公司开发并随Navigator导航者一起发布的、介于Java与HTML之间、基于对象事件驱动的编程语言...七、 窗口及输入输出 八、 WEB页面信息交互 九、 实现更复杂交互

    JavaScript内部测试题1

    JavaScript内部测试题1 喜欢的朋友可以下载额。

    java输入输出语句.doc

    java输入输出语句.doc

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    57、原生JavaScript确认是否键盘有效输入值 58、原生JavaScript获取网页被卷去的位置 59、原生JavaScript另一种正则日期格式化函数+调用方法 60、原生JavaScript时间个性化输出功能 61、原生JavaScript解决offsetX...

    leetcode打家劫舍带输入输出-js-ts-Algorithms:Typescript与Javascript算法以及数据结构练习

    leetcode打家劫舍带输入输出 Typescript 与 Javascript 重构技巧 算法 以及 数据结构 练习 环境: typescript: ^4.3.2 ts-node: ^10.0.0 Typescript 语法和类型 学习 : 我的 Leetcode : 数据结构: Leetcode 解题: # ...

    JavaScript技术讲座

    第一讲 JavaScript语言概况 第二讲 JavaScript基本数据结构 第三讲 JavaScript程序构成 第四讲 基于对象的JavaScript语言 第五讲 创建新对象 第六讲 使用内部对象系统 第七讲 窗口及输入输出

    Javascript

    Javascript语言概况 Javascript基本数据结构 Javascript程序构成 Javascript语言创建新对象 Javascript 与正则表达式 使用内部对象系统 窗口及输入输出 WEB页面信息交互-框架

    JavaScript详解(第2版)

     2.3 生成HTML 并输出显示   2.3.1 字符串及字符串串联   2.3.2 write()及writeln()方法   2.4 关于调试   2.5 调试工具   2.5.1 Firefox   2.5.2 在Internet Explorer 8中调试   2.5.3 ...

Global site tag (gtag.js) - Google Analytics