在写JS代码的时候,我们经常会需要对js代码进行调试,debugger的作用就是在可以调试代码的部分设置断点。 debugger代码通常写在需要调试的代码的后方。 下面就以一个while语句的九九乘法表作为示例 css代码如下:
table,th,td{
border: 1px solid red;/*此时会出现边框重心*/
border-collapse: collapse;
}
JS部分代码如下:
var index = 1;
document.write("<table>")
while(index <= 9){
document.write("<tr>")
var num=1;
while(num <= index){
document.write("<td>" + num + "*" + index + "=" + num*index + "</td>")
num = num +1;
debugger
}
index = index +1;
document.write("</tr>")
}
document.write("</table>")
运行该项目 可以看到页面上出现了一个暂停/开始标志,单击暂停开始标志,就可以让逐步输出while循环的内容。
总的来说debugger语句可以细致的帮我们查看代码运行逐步的结果。