用 onerror 获取错误信

这个东西是在线写 js 脚本的时候，用来即时查错的东西！

也就是，当发现所编写的脚本有问题的时候会有相应的提示，并且在源代码框中高亮标示出错行，方便除错！

运行代码框
<HTML<HEAD<TITLEDebug Textarea</TITLE<meta http-equiv='Content-Type' content='text/html; charset=gb2312'</HEAD<style* {font-size: 12px}body {margin: 10px; padding: 0px}table.list{cursor: default;border:1px solid #ccccccbackground-color: #cccccc;border-collapse: collapse;border-Color: #cccccc;}</style<script language="javascript"// Coded by windy_sk <windy_sk@126.com 20040205function reportError(msg,url,line) {var str = "You have found an error as below: nn";str += "Err: " + msg + " on line: " + line;alert(str);return true;}window.onerror = reportError;document.onkeydown = function() {if(event.ctrlKey){switch(event.keyCode) {case 82: //rruncode();break;case 83: //ssavecode();break;case 71: //ggoto(prompt('Please input the line number', '1'));break;case 65: //adocument.execCommand("SelectAll");break;case 67: //cdocument.execCommand("Copy");break;case 88: //xdocument.execCommand("Cut");break;case 86: //vdocument.execCommand("Paste");break;case 90: //zdocument.execCommand("Undo");break;case 89: //ydocument.execCommand("Redo");break;default:break;}event.keyCode = 0;event.returnValue = false;}return;}function show_ln(){var txt_ln = document.getElementById('txt_ln');var txt_main = document.getElementById('txt_main');txt_ln.scrollTop = txt_main.scrollTop;while(txt_ln.scrollTop != txt_main.scrollTop) {txt_ln.value += (i++) + 'n';txt_ln.scrollTop = txt_main.scrollTop;}return;}function editTab(){var code, sel, tmp, r;event.returnValue = false;sel =event.srcElement.document.selection.createRange();r = event.srcElement.createTextRange();switch (event.keyCode){case (8):if (!(sel.getClientRects().length 1)){event.returnValue = true;return;}code = sel.text;tmp = sel.duplicate();tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top);if(sel.parentElement() != tmp.parentElement()) return;;sel.setEndPoint('startToStart', tmp);sel.text = sel.text.replace(/^t/gm, '');code = code.replace(/^t/gm, '').replace(/rn/g, 'r');r.findText(code);r.select();break;case (9):if (sel.getClientRects().length 1){code = sel.text;tmp = sel.duplicate();tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top);if(sel.parentElement() != tmp.parentElement()) return;sel.setEndPoint('startToStart', tmp);sel.text = 't'+sel.text.replace(/rn/g, 'rt');code = code.replace(/rn/g, 'rt');r.findText(code);r.select();}else{sel.text = 't';sel.select();}breakcase (13):tmp = sel.duplicate();tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top);if(sel.parentElement() != tmp.parentElement()) return;tmp.setEndPoint('endToEnd', sel);sel.text = 'rn' + tmp.text.replace(tmp.text.replace(/^[t ]+/g, ""),"");sel.select();break;default:event.returnValue = true;break;}return;}function runcode() {var str = document.getElementById("txt_main").value;var code_win = window.open('about:blank');code_win.document.open();code_win.document.writeln("<script");code_win.document.writeln("function reportError(msg,url,line){nline-=14;nvar str='You have found an error as below: \n\n';nstr+='Err: '+msg+' on line: '+(line);nalert(str);nopener.goto(line);nopener.focus();nwindow.onerror=null;nsetTimeout('self.close()',10);nreturn true;n}");code_win.document.writeln("window.onerror = reportError;");code_win.document.writeln("</script");code_win.document.writeln(str);code_win.document.close();return;}function savecode() {var str = document.getElementById("txt_main").value </article> </section> <section class="article-more"> <div class="rel mask-box"> <div class="content-mask"></div> <div class="content-more js-content-more">展开更多 <span>（<span class="cont-remain">50</span>%）</span> <i class="icon-arrow"></i> </div> </div> <div class="gg show-pageup" data-id="pageup"></div> <div class="soshm-box"> <div class="soshm-title"><span>分享</span></div> <div id="soshm-box"></div> </div> <div class="gg show-pagedown" data-id="pagedown"></div> <div id="wechat"></div> </section><section class="section you-like"> <header class="section-header"> <h3 class="section-title">猜你喜欢</h3> <div class="section-toolbar"> <a class="section-more" href="javascript:;" title="查看更多相关文章"> <span></span> <span></span> <span></span> </a> </div> </header> <div id="bd-recommend"></div> <div class="article-list"> <div class="article-item"> <div class="article-grouper"> <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20160129/1483510.html" title="用 onerror 获取错误信">用 onerror 获取错误信</a></h4> <div class="article-item-meta"> <a href="/diannao/" title="电脑网络">电脑网络</a> </div> </div> <div class="article-item-thumb"> <a href="http://m.tulaoshi.com/n/20160129/1483510.html" title="用 onerror 获取错误信"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201601/29/17c2c4f0ec62ab9cc9f9a7c1d9077bc0_thumb_189.jpg" alt="用 onerror 获取错误信"></a> </div> </div> <div class="article-item"> <div class="article-grouper"> <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20160219/1616151.html" title="delphi运行错误信息">delphi运行错误信息</a></h4> <div class="article-item-meta"> <a href="http://m.tulaoshi.com/bianchengyuyan/" target="_blank">编程语言</a> <a href="http://m.tulaoshi.com/wangluobiancheng/" target="_blank">网络编程</a> </div> </div> <div class="article-item-thumb"> <a href="http://m.tulaoshi.com/n/20160219/1616151.html" title="delphi运行错误信息"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201602/19/e8125f9d6bde96a251195912eee3d1f9_thumb_189.jpg" alt="delphi运行错误信息"></a> </div> </div> <div class="gg" data-id="content1"></div> <div class="article-item"> <div class="article-grouper"> <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20171117/2766281.html" title="s8lol主宰符文怎么配">s8lol主宰符文怎么配</a></h4> <div class="article-item-meta"> <a href="http://m.tulaoshi.com/yingxionglianmeng/" target="_blank">英雄联盟</a> <a href="http://m.tulaoshi.com/wangluoyouxi/" target="_blank">网络游戏</a> </div> </div> <div class="article-item-thumb"> <a href="http://m.tulaoshi.com/n/20171117/2766281.html" title="s8lol主宰符文怎么配"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201711/17/2b6780a6d697ab474ec43d2b143a8c33.jpg" alt="s8lol主宰符文怎么配"></a> </div> </div> <div class="article-item"> <div class="article-grouper"> <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20160129/1505211.html" title="用err.raise自定义错误信息">用err.raise自定义错误信息</a></h4> <div class="article-item-meta"> <a href="http://m.tulaoshi.com/asp/" target="_blank">ASP</a> </div> </div> <div class="article-item-thumb"> <a href="http://m.tulaoshi.com/n/20160129/1505211.html" title="用err.raise自定义错误信息"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201601/29/7f4a27592afa1f45f1d97940669e146b_thumb_189.jpg" alt="用err.raise自定义错误信息"></a> </div> </div> <div class="article-item"> <div class="article-grouper"> <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20160129/1489138.html" title="如何正确理解PHP的错误信息">如何正确理解PHP的错误信息</a></h4> <div class="article-item-meta"> <a href="http://m.tulaoshi.com/php/" target="_blank">PHP</a> </div> </div> <div class="article-item-thumb"> <a href="http://m.tulaoshi.com/n/20160129/1489138.html" title="如何正确理解PHP的错误信息"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201601/29/3ed31e07adfc53d5399cf96d88802de9_thumb_189.jpg" alt="如何正确理解PHP的错误信息"></a> </div> </div> <div class="gg" data-id="content2"></div> <div class="article-item"> <div class="article-grouper"> <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20171116/2766194.html" title="lol偷钱流符文搭配推荐">lol偷钱流符文搭配推荐</a></h4> <div class="article-item-meta"> <a href="http://m.tulaoshi.com/yingxionglianmeng/" target="_blank">英雄联盟</a> <a href="http://m.tulaoshi.com/wangluoyouxi/" target="_blank">网络游戏</a> </div> </div> <div class="article-item-thumb"> <a href="http://m.tulaoshi.com/n/20171116/2766194.html" title="lol偷钱流符文搭配推荐"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201711/16/68ce3c7443802f29f089fd2b8aeacfac.jpg" alt="lol偷钱流符文搭配推荐"></a> </div> </div> <div class="article-item"> <div class="article-grouper"> <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20160129/1495864.html" title="如何正确理解 PHP 的错误信息">如何正确理解 PHP 的错误信息</a></h4> <div class="article-item-meta"> <a href="http://m.tulaoshi.com/php/" target="_blank">PHP</a> </div> </div> <div class="article-item-thumb"> <a href="http://m.tulaoshi.com/n/20160129/1495864.html" title="如何正确理解 PHP 的错误信息"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201601/29/bbbb72cc76fe1767f0258bc3bdd561a5_thumb_189.jpg" alt="如何正确理解 PHP 的错误信息"></a> </div> </div> <div class="article-item"> <div class="article-grouper"> <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20160129/1492787.html" title="正确理解PHP程序编译时的错误信息">正确理解PHP程序编译时的错误信息</a></h4> <div class="article-item-meta"> <a href="http://m.tulaoshi.com/php/" target="_blank">PHP</a> </div> </div> <div class="article-item-thumb"> <a href="http://m.tulaoshi.com/n/20160129/1492787.html" title="正确理解PHP程序编译时的错误信息"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201601/29/2519075d1d3a1be8691d1721d6484b4a_thumb_189.jpg" alt="正确理解PHP程序编译时的错误信息"></a> </div> </div> <div class="gg" data-id="content3"></div> <div class="article-item"> <div class="article-grouper"> <h4 class="article-item-title"><a href="http://m.tulaoshi.com/n/20171116/2766140.html" title="lolAD刺客新符文搭配推荐">lolAD刺客新符文搭配推荐</a></h4> <div class="article-item-meta"> <a href="http://m.tulaoshi.com/yingxionglianmeng/" target="_blank">英雄联盟</a> </div> </div> <div class="article-item-thumb"> <a href="http://m.tulaoshi.com/n/20171116/2766140.html" title="lolAD刺客新符文搭配推荐"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201711/16/bd0c64bbcf0c4a08cdc15ba757ac2fa3.jpg" alt="lolAD刺客新符文搭配推荐"></a> </div> </div> <div class="article-item"> <div class="article-grouper"> <h4 class="article-item-title"><a href="/n/20160129/1483509.html">HTML语言剖析（十一）排版标记</a></h4> </div> <div class="article-item-thumb"> <a href="/n/20160129/1483509.html" title="HTML语言剖析（十一）排版标记"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201601/29/56aea696e3e59385ad9ccdd981cf64ae_thumb_189.jpg" alt="HTML语言剖析（十一）排版标记"></a> </div> </div> <div class="article-item"> <div class="article-grouper"> <h4 class="article-item-title"><a href="/n/20160129/1483514.html">荧光文字</a></h4> </div> <div class="article-item-thumb"> <a href="/n/20160129/1483514.html" title="荧光文字"><img class="lazyload cover-img" src="http://i1.tulaoshi.com/images/lazy-spinner.jpg" data-src="http://img.tulaoshi.com/201601/29/a38d795903e2f3d76fcb6ee81462f13f_thumb_189.jpg" alt="荧光文字"></a> </div> </div> <div class="gg" data-id="content4"></div> </div> </section> <div class="loadbox"> <div class="load-btn">下拉加载更多内容 ↓</div> <div class="icon-loading"></div> </div> <div class="gg show-banner2" data-id="banner2"></div> <div class="gg show-foot" data-id="foot"></div> </section> <footer id="footer" class="site-footer"> <ul class="footer-nav"> <li><a href="/" title="图老师首页">首页</a></li> <li><a href="/diannao/sitemap/" title="地图">地图</a></li> <li><a href="/update/6/" title="最新">最新</a></li> </ul> </footer> <div id="fixed-box" class="js-insert-box" data-id="fixed"></div> <script src="http://i1.tulaoshi.com/js/mobile.js"></script> <script type="application/ld+json"> { "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld", "@id": "http://m.tulaoshi.com/n/20160129/1483510.html", "appid": "1556758182286999", "title": "用 onerror 获取错误信", "images": [ "http://img.tulaoshi.com/201601/29/17c2c4f0ec62ab9cc9f9a7c1d9077bc0_thumb_189.jpg" ], "description": "用 onerror 获取错误信,用 onerror 获取错误信 ", "pubDate": "2016-01-29T11:50:00" } </script></body></html>