JavaScript程序设计之JS调试_javascript技巧.doc:..JavaScript程序设计之JS调试木文主要通过一个加法器,介绍JS如何调试。先上代码:效果:Clocalhost:63342/WebLearn/JS/demo1/test>html应用★BookmarksGGoogle曲百麦一下,你就知逍 B<日常一you计算器test,html:<spanstyle二〃font-icSansMS;font-size:18px;z,><!DOCTYPEhtml>〈htmlIan萨〃en"><head><metacharset二"UTF-8"><title>计算器</title></head><body><div><h2>计算器</h2><div>〈inputtype二〃text〃id二〃numl〃><span>+〈/span><inputtype二"text"id="num2〃><span>=</span><spanid二〃:resuIt">〈/span><buttonid二〃add〃>计算</button></div></div><scriptsrc=〃・/〃>〈/script></body></html></span>demo,js<spanstyle=,zfont-icSansMS;font-size:18px;z/>/***Createdbyyanzion15/12/8.*/varnuml=document•getElementByTd(ml〃),(m2"),result=(z,result/z),btn_add=)dd(z,add/z);(〃click〃,onAddClick,false);functiononAddClick(){vara=parselnt(),b=parselnt();varsum二add(a,b);=sum;****@parama****@paramb*©returns{*}*/functionadd(a,b){returna+b;}</span>重点摘要:1、 一般调试JS,打印信息有如下三种:,,log,这个数据量小还叮以c・加断点调试2、 在JS里,如果变量前而加var,表示局部变量,function里如果不带var表示全局变量。因此一般情况下变量前面带阳匕3、 一般在chrome调试器里,elements看代码,在source0录下进行调试。在该模式下,点击js里每一行即可以加断点。<htmllang=°enM>»"shadow-root(open)►head/headbodvh2>计算S</h2>►<div>^</div><scriptsrc=n,/demo>isux/script></body></html>{}body{ userdisplay:block;margin:»8px;}4、调试模式下最右边的四个按钮分别是:下一个断点
JavaScript程序设计之JS调试 javascript技巧 来自淘豆网m.daumloan.com转载请标明出处.
