JavaScript输入输出-优快云博客

本文链接：https://blog.youkuaiyun.com/forgetrebecca/article/details/83730590

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>