JavaScript输出与交互

开发工具与关键技术:DW JavaScript
作者:梁文杰
撰写时间:2020年4月21日

JavaScript输出与交互的主要方法:

document.write(),作用:向HTML文档中输出内容。
console.log(),作用:到浏览器的控制台输出。
windoew.alert(),作用:弹出提示框。
window.confirm(),作用:弹出消息对话框,通常用于允许用户做选择的动作。
window.prompt(),作用:弹出消息对话框,通常用于询问一些需要与用户交互的信息。

document.write()

document.write()可用于直接向HHTML文档写内容,简单地说就是直接在网页中输出内容。
语法:document.write(字符串或变量);

第一种:输出内容用“”括起来,直接输出“”内的内容。
在这里插入图片描述

第二种:通过变量输出内容。
在这里插入图片描述

console.log()

console.log()可用于将内容输出到浏览器控制台,便于开发过程中的调试,用法和document.write()类型可以直接输出内容,也可以输出变量。
语法:console.log(字符串或变量);例子:

第一种:输出内容用"“括起,直接输出”"内的内容。
console.log(“给阿姨倒一杯卡布奇诺”);

第二种:通过变量,输出内容。
var mystr = “你打球像极了蔡徐坤!”;
console.log(mystr);

window.alert()

window.alert()弹出消息对话框(包含一个确定按钮),一般window都省略不写,直接使用alert()
语法:alert(字符串或变量);

第一种:输出内容用“”括起,直接输出“”内的内容。
alert(“秒我?你17张牌能秒我?”);

第二种:通过变量输出内容。
var mystr = “好人都死了,我选择生存”;
alert(mystr);
window.confirm()

confirm消息对话框通常用于允许用户做选择的动作,如“确定吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。一般window省略不写,直接使用confirm()
语法:confirm(字符串或变量);

var mymessage = window.confirm(“犯我德邦者,虽远必诛”);
if (mymessage == true) {
document.write(“人在塔在”);
} else {
document.write(“一曲寒芒先到,随后枪出如龙”);
}

window.prompt()

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。一般window省略不写,直接使用prompt()
语法:prompt(str1,[str2]);

参数说明:str1:要显示在消息对话框中的文本,不可修改。
Str2:(可选)文本框中的内容,可以修改。
返回值: 点击确定按钮,文本框中的内容将作为函数返回值。
点击取消按钮,将返回null。

var myname = prompt(“十步杀一人”,“千里不留行”);
if(myname != null){
alert(“你够资格吗” + myname);
}else{ alert(“也许不够”);}

发布了40 篇原创文章 · 获赞 44 · 访问量 4108

猜你喜欢

转载自blog.csdn.net/weixin_44565686/article/details/105666319