js的调试

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中点击当前文件

• 点击行号添加断点，添加完后刷新页面，出现遮罩层

• 点击下箭头，执行下一行

• 代码执行完后，再次点击行号，删除断点