常用的三个客户端输出方法
document.write(arg1, arg2, …)
document.write(arg1, arg2, ...)
方法可向页面写入 HTML 或 JavaScript 代码,其代码的解析结果会在网页的<body>标签中输出
document
当前的文档对象,代表整个网页write()
是 document 对象的一个输出方法arg1
该参数表示写入文档中的代码,该参数可以有多个,多个参数会按顺序写入到文档中.
通过英文的点来调用对象的方法
示例:
// 通过引号包裹的内容会作为 HTML 代码进行解析
document.write('<h1>在网页中输出该段文字!</h1>');
// 未用引号包裹的内容会作为 js 代码进行解析,将最终结果在页面上输出
document.write(123 + 456);
window.alert(message)
window.alert(message)
方法用于弹出一个带有指定消息和一个 确认 按钮的警告框
window
是一个窗口对象alert()
window 对象的一个方法,该方法用于弹出一个对话框message
对话框中显示的消息(文本内容)
注: window 对象是一个全局对象,使用该对象的方法时可以将 window 省略;比如想要弹出一个警告框直接使用 alert() 即可
示例:
alert('在弹出的警告对话框中显示该段文字!');
console.log(arg1, arg2, …)
console.log(arg1, arg2, ...)
方法用于在控制台窗口输出信息;该方法可以接受多个参数,多个参数用 ,
英文逗号隔开,多个参数对应的结果会被连接起来输出
console
控制台对象log()
console 对象的一个方法,用于在控制台输出一条记录arg1
该参数表示在控制台中打印的内容;可以是字符串和合法的 js 代码,如果是字符串则原样输出,如果是 js 代码则会将解析结果输出
示例:
console.log('<h1>在控制台中显示该段文字!</h1>');
console.log('最终结果为:' + (123+456));
客户端输入方法
window.prompt(text, defaultText)
window.prompt(text, defaultText)
方法用于弹出一个可供用户进行输入的对话框;该对话框有确定和取消按钮, 如果单击"确定"按钮,返回用户输入的内容,用户输入的内容会默认转成字符串;如果单击 “取消” 按钮则返回 null
text
在对话框中显示的一段纯文本(HTML 标签不生效)defaultText
输入框中默认显示的内容
示例:
var year = prompt("请输入年份", '输入框中默认的文本内容');
// typeof 用来判断变量的数据类型
console.log(year, typeof year);