开发工具与关键技术: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(“也许不够”);}