1 调试
1.1输出调试
-
alert():警告框 一次只能弹出一个 阻塞
-
console.log():在控制台输出 一次可以打印多个数据
-
prompt(提示信息,默认值):可以和用户进行交互的弹框,确定-输入框的值,取消-null
-
document.write(内容):在页面中写入内容,识别标签.
-
// 1.alert(内容):警告框 // 阻塞机制,一次只能弹一个 alert('密码错误'); alert('哈哈哈哈', '吃饭', 111); // 2.console.log(内容):在控制台输出,一次可以打印多个数据 console.log('一会吃啥'); console.log('下楼去', 111, 222); // 3.prompt(提示信息, 默认值[可选]):可以和用户进行交互的弹框,有返回值,确定-输入框中的内容,取消-null // 返回值:代码执行完的结果 console.log( prompt('请输入银行卡密码', 123456) ); // 4.document.write(内容):在文档中写内容,可以写多个,可以识别标签 // 只能在输出流中写入内容,如果页面已经加载完毕,在使用document.write()会覆盖原有内容 document.write('今天天气真好'); document.write('<h1>一会吃饭</h1>');
1.2断点调试
-
打开控制台,source中点击当前文件
-
点击行号添加断点,添加完后刷新页面,出现遮罩层
-
点击下箭头,执行下一行
-
代码执行完后,再次点击行号,删除断点