JavaScript常用的互动方法 document alert confirm prompt

本文链接：https://blog.youkuaiyun.com/weixin_43827453/article/details/84579655

@{
Layout = null;
}

<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>ChapterTwo--互动方法</title>
</head>
<body>
<div>
</div>
<script>
/*2-1JavaScript-输出内容（document.write）
document.write() 可用于直接向 HTML 输出流写内容。
简单的说就是直接在网页中输出内容
*/
var mychar = "hello ", mystr = "world";
//document.write("hello world" + "<br/>");//第一种:直接输出内容
//document.write(mychar + mystr + "<br/>");//第二种:通过变量输出内容
//document.write("大家好! " + mychar + mystr + " JavaScript"); //第三种:输出多项内容，内容之间用+号连接。
//document.write("<p>this is a p</p>");//第四种:输出HTML标签，并起作用，标签使用""括起来
//document.write("<a href='#' style='color:red'>asdfasd</a>");

/*2-2警告 alert()消息对话框。
注意：a、在点击对话框“确定”按钮签，不能被进行任何操作
b、消息对话框通常用于程序调试。
c、 alert输出内容，可以是字符串或变量，与document.write 相似。
*/
//alert("警告！alert() 消息对话框");//直接输出
//alert(mychar + mystr);//输出变量
//alert("<p>不能输出标签</p>");//不能输出标签。将标签当做字符输出

//2-3、确认（confirm() [kənˈfɜ:rm] 消息对话框）
/*confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。
弹出对话框(包括一个确定按钮和一个取消按钮)。
语法：confirm(str); 参数说明 str:在消息对话框中要显示的文本
返回值：Boolean值。点击“确定”按钮，返回true,"取消"按钮，返回false.
*/
//var message = confirm("你喜欢运动吗？");
//if (message == true) {
// document.write("very good");
//}
//else {
// document.write("不能太懒了！！");
//}
//if (confirm("确认删除吗？")) {
// //删除的代码...
// document.write("删除成功！");
//} else {
// document.write("取消删除");
//}

//2-4、提问对话框prompt [prɑ:mpt]
/*prompt弹出消息对话框，通常用于询问一些需要与用户交互的信息。
弹出消息对话框(包含一个确定按钮，取消按钮与一个文本输入框)
语法：prompt(str1,str2);
参数说明：str1 要显示在消息对话框中的文本，不可以修改。str2:文本框中的内容，可以修改。
返回值：按“确定”按钮，文本框中的内容将作为函数返回值
按“取消”按钮，将返回null.
*/
var myname = prompt("请输入您的姓名：");
if (myname != null) {
alert(myname + "您好！欢迎进入JavaScript的学习");
}
else {
alert("同学您好！欢迎进入JS之旅！");
}

</script>
</body>
</html>