当前位置: 首页 > 前端笔记 > JAVASCRIPTS > JS与用户交互的基本方法和直接在页面输入文档的方法
2014年02七月

JS与用户交互的基本方法和直接在页面输入文档的方法

程序往往需要与外部交流、提问、获取答案,然后做出响应。用write()及writeln()方法是将文档的输出发送到浏览器。文档被定义为一个对象,write()及writeln()方法可以操作文档使其完成某些功能。document对象被定义在窗口中(window)。但是窗口也是一个对象,也有自己的方法。

窗口对象使用对话框与用户交互,有下面三个方法可以创建对话框:alert(),prompt()和confirm()。

alert()是用来向用户弹出一个警告,提醒下一步该如何操作。例如,在用户填写表单的时候告诉他输入的邮箱地址有误,或她使用的浏览器不支持某些特定的插件等。alert()也经常用于调试阶段使用。弹出对话框的时候,对话框以后的代码,所有的行为都会停止,直到点击了对话框上面的确定按钮,才会继续执行。

alert('我是一个对话框!');

prompt()是用来要求用户输入少量的信息时使用。例如密码,补足表单输入或者个人信息(昵称和头衔)。提示对话框会包含一个简单的文本框,用户在提示框中输入文本后,文本会作为值返回。

var name = prompt("你叫什么名字?", "");
alert("哦,原来你就是传说中的"+name+"啊!");
var num = prompt("你有几个老婆?", "你的老婆个数:");
if(num==null){
	alert("你太小气了,说说有什么关系?") 
} else {
	alert(num+"个老婆太少了!") 
}
alert(prompt("你打算活多久?", ""));

confirm()是用来确认用户针对某一个问题的答案,必须经过用户同意后操作才会完成。点确认返回true,点取消返回false。

var a = confirm("你是不是真的很着急?");
if(a==true){
	alert("好吧,你去厕所吧!")	;
} else {
	alert("那你在等等,等别人先上!"); 
}

顺便说下write()及writeln():
这个2种方法实质上是一样的,有一种情况例外:当文本插入pre标签中时,writeln()方法会在字符串后面换行。

可以把下面的代码放入页面中试试!

<script>
document.write("hahhaa");
document.writeln("hahhaaBBB<br>");
document.writeln("hahhaaAAA, ");
document.write("hahhaa<br>");
</script>
<pre>
<script>
document.write("hahhaa");
document.writeln("hahhaaBBB");
document.writeln("hahhaaAAA");
document.write("hahhaa<br>");
</script>
</pre>

文章信息

  • 发布日期:2014年07月02日 23:50:34
  • 固定地址:http://www.estorm.cn/notes/javascripts/2014-07-02/js-user-interaction.html