用 onerror 获取错误信

【 tulaoshi.com - Javascript 】

这个东西是在线写 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: nn';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 </div> <p style="color:#333;margin:10px 0;">来源:http://www.tulaoshi.com/n/20160129/1483510.html</p> </div> <div id="tls-pages" class="tls-pages"></div> <ul class="pages-two"> <li class="pages-two-item"> <span>上一篇：</span> <a href="/n/20160129/1483509.html">HTML语言剖析（十一）排版标记</a> </li> <li class="pages-two-item"> <span>下一篇：</span> <a href="/n/20160129/1483514.html">荧光文字</a> </li> </ul> </div> </div> <div class="contain-left read-more"> <p class="inter-tit rel"> <a href="javascript:;">看过《用 onerror 获取错误信》的人还看了以下文章</a> <a href="/diannao/" class="C_hs_nr_111_a">更多>></a> </p> <ul class="read-list clearfix style-circle"> <li class="read-item clearfix"> <a href="http://www.tulaoshi.com/n/20160129/1483510.html">用 onerror 获取错误信</a> <span class="fr">01-29</span> </li> <li class="read-item clearfix"> <a href="http://www.tulaoshi.com/n/20160219/1616151.html">delphi运行错误信息</a> <span class="fr">02-19</span> </li> <li class="read-item clearfix"> <a href="http://www.tulaoshi.com/n/20160129/1505211.html">用err.raise自定义错误信息</a> <span class="fr">01-29</span> </li> <li class="read-item clearfix"> <a href="http://www.tulaoshi.com/n/20160129/1489138.html">如何正确理解PHP的错误信息</a> <span class="fr">01-29</span> </li> <li class="read-item clearfix"> <a href="http://www.tulaoshi.com/n/20160129/1495864.html">如何正确理解 PHP 的错误信息</a> <span class="fr">01-29</span> </li> <li class="read-item clearfix"> <a href="http://www.tulaoshi.com/n/20160129/1492787.html">正确理解PHP程序编译时的错误信息</a> <span class="fr">01-29</span> </li> <li class="read-item clearfix"> <a href="http://www.tulaoshi.com/n/20160219/1628057.html">BIOS常见的错误信息和解决方法</a> <span class="fr">02-19</span> </li> <li class="read-item clearfix"> <a href="http://www.tulaoshi.com/n/20160129/1504458.html">Excel：常见的错误信息以及解决方法</a> <span class="fr">01-29</span> </li> <li class="read-item clearfix"> <a href="http://www.tulaoshi.com/n/20160329/2037381.html">你误信了几个</a> <span class="fr">03-29</span> </li> <li class="read-item clearfix"> <a href="http://www.tulaoshi.com/n/20160219/1618009.html">Oracle 9i个人版出现的错误信息</a> <span class="fr">02-19</span> </li> </ul> </div> <div class="contain-left site-output"><script>tls.output.www_news('banner2_780')</script></div> <div class="contain-left site-output"><script>tls.output.www_news('banner3_780')</script></div> <div class="vertical-tab-box contain-left"> <div class="recommend-tit clearfix"> <div class="recommend-tit-cont">延伸阅读</div> </div> <div class="lx-news-box"> <div class="ks-news-grid"> <div class="ks-news-tit clearfix"> <a href="http://www.tulaoshi.com/n/20160129/1488100.html">PHP程序编译中常见错误信息分析及解释</a> </div> <div class="clearfix"> <div class="ks-news-img fl"> <a href="http://www.tulaoshi.com/n/20160129/1488100.html"> <img class="cover-img scale-img" src="http://img.tulaoshi.com/201601/29/fd338abf7f25118e73dc44acb9c48828_thumb_189.jpg"> </a> </div> <div class="ks-news-tag"> <span>标签：</span> <a href="http://www.tulaoshi.com/php/" target="_blank">PHP</a> </div> <div class="ks-news-desc"> 我们编写程序时，无论怎样小心谨慎，犯错总是在所难免的。这些错误通常会迷惑 PHP 编译器。如果开发人员无法了解编译器报错信息的含义，那么这些错误信息不仅毫无用处，还会常常让人感到沮丧。 编译PHP脚本时，PHP编译器会尽其所能 报告 它遇到的第一个问题。这样就产生一个问题：只有当错误出现时，PHP才能将它识别出...</div> </div> </div> <div class="site-output"><script>tls.output.www_news('banner4_780')</script></div> <div class="ks-news-grid"> <div class="ks-news-tit clearfix"> <a href="http://www.tulaoshi.com/n/20160129/1489949.html">PHP技巧：正确理解PHP程序编译时的错误信息</a> </div> <div class="clearfix"> <div class="ks-news-img fl"> <a href="http://www.tulaoshi.com/n/20160129/1489949.html"> <img class="cover-img scale-img" src="http://img.tulaoshi.com/201601/29/655b4474846b536aff69d2b8f0c02edf_thumb_189.jpg"> </a> </div> <div class="ks-news-tag"> <span>标签：</span> <a href="http://www.tulaoshi.com/php/" target="_blank">PHP</a> </div> <div class="ks-news-desc">     我们编写程序时，无论怎样小心谨慎，犯错总是在所难免的。这些错误通常会迷惑 PHP 编译器。如果开发人员无法了解编译器报错信息的含义，那么这些错误信息不仅毫无用处，还会常常让人感到沮丧。 编译PHP脚本时，PHP编译器会尽其所能 报告 它遇到的第一个问题。这样就产生一个问题：只有当错误出现时，PH...</div> </div> </div> <div class="ks-news-grid"> <div class="ks-news-tit clearfix"> <a href="http://www.tulaoshi.com/n/20160219/1618755.html">最常见的20种VC++编译错误信息</a> </div> <div class="clearfix"> <div class="ks-news-img fl"> <a href="http://www.tulaoshi.com/n/20160219/1618755.html"> <img class="cover-img scale-img" src="http://img.tulaoshi.com/201602/19/0cc73e3b11746a7e02647e52d8f7a1d0_thumb_189.jpg"> </a> </div> <div class="ks-news-tag"> <span>标签：</span> <a href="http://www.tulaoshi.com/bianchengyuyan/" target="_blank">编程语言</a> <a href="http://www.tulaoshi.com/wangluobiancheng/" target="_blank">网络编程</a> </div> <div class="ks-news-desc"> 1、fatal error C1010: unexpected end of file while looking for precompiled header directive。 寻找预编译头文件路径时遇到了不该遇到的文件尾。（一般是没有#include "stdafx.h"） 2、fatal error C1083: Cannot open include file: 'R…….h': No such file or directory 不能打开包含文件“R…….h”...</div> </div> </div> <div class="site-output"><script>tls.output.www_news('banner5_780')</script></div> <div class="ks-news-grid"> <div class="ks-news-tit clearfix"> <a href="http://www.tulaoshi.com/n/20160331/2060765.html">Win10蓝屏界面不显示蓝屏错误信息怎么办？</a> </div> <div class="clearfix"> <div class="ks-news-img fl"> <a href="http://www.tulaoshi.com/n/20160331/2060765.html"> <img class="cover-img scale-img" src="http://img.tulaoshi.com/201603/31/81dd2f9c91fe26b77ffd28c2258149ce_thumb_189.jpg"> </a> </div> <div class="ks-news-tag"> <span>标签：</span> <a href="http://www.tulaoshi.com/windowsshi/" target="_blank">windows10</a> </div> <div class="ks-news-desc"> Win10蓝屏界面不显示蓝屏错误信息怎么办？   现在，越来越多的用户开始使用win10系统了，虽然说新的系统给我们带来了许多新的功能，但是在有些设计上，似乎却并不是那么尽如人意的。这不，最近就有升级到win10系统的用户发现了一个问题，win10系统和之前的w764位旗舰版系统不一样，在电脑出现蓝屏的时候，只会显示一个哭脸，虽然看起...</div> </div> </div> <div class="ks-news-grid"> <div class="ks-news-tit clearfix"> <a href="http://www.tulaoshi.com/n/20160219/1592896.html">基于Turbo C(V2.0)编译错误信息的详细介绍</a> </div> <div class="clearfix"> <div class="ks-news-img fl"> <a href="http://www.tulaoshi.com/n/20160219/1592896.html"> <img class="cover-img scale-img" src="http://img.tulaoshi.com/201602/19/146d24e9d6c4396419a721d72be6eaaf_thumb_189.jpg"> </a> </div> <div class="ks-news-tag"> <span>标签：</span> <a href="http://www.tulaoshi.com/bianchengyuyan/" target="_blank">编程语言</a> <a href="http://www.tulaoshi.com/wangluobiancheng/" target="_blank">网络编程</a> </div> <div class="ks-news-desc"> 说明：Turbo C 的源程序错误分为三种类型：致命错误、一般错误和警告。其中，致命错误通常是内部编译出错；一般错误指程序的语法错误、磁盘或内存存取错误或命令行错误等；警告则只是指出一些得怀疑的情况，它并不防止编译的进行。 下面按字母顺序A～Z分别列出致命错误及一般错误信息，英汉对照及处理方法： (一)、致命错误英汉对照及...</div> </div> </div> <div class="news-more-btn"> <a class="btn btn-block btn-default" title="查看更多精彩" href="/diannao/">查看更多精彩>></a> </div> </div> </div> <div class="contain-left site-output"><script>tls.output.www_news('banner6_780')</script></div> </div> <!--width 300--> <div class="conter_300"> <div class="contain-right site-output"><script>tls.output.www_news('right1_300')</script></div> <div class="Member clearfix"> <div class="Menber_tx_1 rel"> <a href="/user/tangshanwenqua/1/"> <img class="member-img" src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/10.jpg" width="70" height="70" alt="tangshanwenqua"> </a> <a href="/user/tangshanwenqua/1/" id="username">tangshanwenqua</a> </div> <div class="Menber_tx_ww"> <div class="Menter_tx_ww_1"> <p>经验教程</p> <a href="/user/tangshanwenqua/1/">589</a> </div> <div class="Menter_tx_ww_1 right_j"> <p>收藏</p> <a href="/user/tangshanwenqua/2/">66</a> </div> </div> </div> <div class="contain-right site-output"><script>tls.output.www_news('right2_300')</script></div> <!--最新文章、热门文章--> <div class="hop_gg clearfix js-tab"> <div class="hop_gg_s clearfix tab_control2"> <a class="js-tab-item active" href="javascript:;">最新文章</a> </div> <div class="hop_gg_xg2_box"> <div class="hop_gg_xg2 js-tab-list active"> <ul> <li><a href="http://www.tulaoshi.com/n/20160129/1483509.html">HTML语言剖析（十一）排版标记</a></li> <li><a href="http://www.tulaoshi.com/n/20160129/1483508.html">HTML组件(HTML COMPONENTS)之六</a></li> <li><a href="http://www.tulaoshi.com/n/20160129/1483507.html">AutoCAD实用教程：欧式橱柜门板的建模方法</a></li> <li><a href="http://www.tulaoshi.com/n/20160129/1483505.html">AutoCAD教程：8个命令创建多层楼房模型</a></li> <li><a href="http://www.tulaoshi.com/n/20160129/1483504.html">什么是多线程和多进程--基本概念</a></li> </ul> </div> </div> </div> <div class="contain-right site-output"><script>tls.output.www_news('right3_300')</script></div> <div class="hop_gg clearfix js-tab newest-msg"> <div class="hop_gg_s clearfix"> <a href="javascript:;" class="js-tab-item active" >Javascript</a> </div> <div class="hop_gg_xg2_box"> <div class="hop_gg_xg2 js-tab-list active" > <ul class="news-list mt5 has-ad-list"> <li class="news-list-item"> <span class="range-type">01</span> <a href="http://www.tulaoshi.com/n/20160129/1483586.html">弹出网页窗口全攻略</a> </li> <li class="news-list-item"> <span class="range-type">02</span> <a href="http://www.tulaoshi.com/n/20160129/1483555.html">鼠标右键显隐效果</a> </li> <li class="news-list-item"> <span class="range-type">03</span> <a href="http://www.tulaoshi.com/n/20160129/1483553.html">仿 Office 2003 的工具条</a> </li> <li class="news-list-item"> <span class="range-type">04</span> <a href="http://www.tulaoshi.com/n/20160129/1483552.html">禁止右键、Ctrl键和复制功能的JS代码</a> </li> </ul> </div> </div> <div class="site-output"><script>tls.output.www_news('right4_300')</script></div> </div> <div class="fixed-right"> <div class="hop_gg clearfix"> <h3>精华推荐</h3> <div class="jinghua-list"> <dl class="jinghua-item clearfix"> <dt class="jinghua-item-img fl"> <a href="http://www.tulaoshi.com/n/20160219/1612704.html"> <img class="cover-img scale-img" src="http://img.tulaoshi.com/201602/19/5527696334424233c15acce9bb132eeb_thumb_189.jpg" alt="用php获取信息实例"> </a> </dt> <dd> <p class="jinghua-item-tit"> <a href="http://www.tulaoshi.com/n/20160219/1612704.html">用php获取信息实例</a> </p> <p class="jinghua-item-tag">长液漫漫</p> </dd> </dl> <dl class="jinghua-item clearfix"> <dt class="jinghua-item-img fl"> <a href="http://www.tulaoshi.com/n/20160219/1603757.html"> <img class="cover-img scale-img" src="http://img.tulaoshi.com/201602/19/fd374b72020a078cf330fc9efe242c09_thumb_189.jpg" alt="JSP用bean获取各种参数"> </a> </dt> <dd> <p class="jinghua-item-tit"> <a href="http://www.tulaoshi.com/n/20160219/1603757.html">JSP用bean获取各种参数</a> </p> <p class="jinghua-item-tag">kk138000</p> </dd> </dl> <div class="site-output"><script>tls.output.www_news('right5_300')</script></div> <dl class="jinghua-item clearfix"> <dt class="jinghua-item-img fl"> <a href="http://www.tulaoshi.com/n/20160129/1493149.html"> <img class="cover-img scale-img" src="http://img.tulaoshi.com/201601/29/5dabcb22f2ea0ee36c8a0bf44a356354_thumb_189.jpg" alt="用Delphi获取Windows及系统路径"> </a> </dt> <dd> <p class="jinghua-item-tit"> <a href="http://www.tulaoshi.com/n/20160129/1493149.html">用Delphi获取Windows及系统路径</a> </p> <p class="jinghua-item-tag">那谁没错不是你</p> </dd> </dl> </div> </div> <div class="contain-right site-output"><script>tls.output.www_news('right6_300')</script></div> <!--百科推荐--> <div class="hop_gg clearfix"> <h3>热门标签</h3> <div class="hot-tag-box-item"> <a class="hot-tag col_2" href="http://www.tulaoshi.com/zhenjianhuoqufangshi/" title="针尖获取方式">针尖获取方式</a> <a class="hot-tag col_2" href="http://www.tulaoshi.com/wordwenzigeshicuowu/" title="Word文字格式错误">Word文字格式错误</a> <a class="hot-tag col_9" href="http://www.tulaoshi.com/jidandecuowuchifa/" title="鸡蛋的错误吃法">鸡蛋的错误吃法</a> <a class="hot-tag col_6" href="http://www.tulaoshi.com/dahuangfenghuoqugonglue/" title="大黄蜂获取攻略">大黄蜂获取攻略</a> <a class="hot-tag col_5" href="http://www.tulaoshi.com/jidanzhejizhongcuowuchifa/" title="鸡蛋这几种错误吃法">鸡蛋这几种错误吃法</a> <a class="hot-tag col_1" href="http://www.tulaoshi.com/hushoushuangzenmeyong/" title="护手霜怎么用">护手霜怎么用</a> <a class="hot-tag col_6" href="http://www.tulaoshi.com/yongyanxilian/" title="用盐洗脸">用盐洗脸</a> <a class="hot-tag col_8" href="http://www.tulaoshi.com/yanshuangzenmeyong/" title="眼霜怎么用">眼霜怎么用</a> <a class="hot-tag col_3" href="http://www.tulaoshi.com/yanyingzenmeyong/" title="眼影怎么用">眼影怎么用</a> <a class="hot-tag col_6" href="http://www.tulaoshi.com/saihongzenmeyong/" title="腮红怎么用">腮红怎么用</a> <a class="hot-tag col_4" href="http://www.tulaoshi.com/meibizenmeyong/" title="眉笔怎么用">眉笔怎么用</a> <a class="hot-tag col_9" href="http://www.tulaoshi.com/zhexiagaozenmeyong/" title="遮瑕膏怎么用">遮瑕膏怎么用</a> <a class="hot-tag col_7" href="http://www.tulaoshi.com/fanhaozenmeyong/" title="番号怎么用">番号怎么用</a> <a class="hot-tag col_1" href="http://www.tulaoshi.com/wanshangyonghushoushuang/" title="晚上用护手霜">晚上用护手霜</a> <a class="hot-tag col_3" href="http://www.tulaoshi.com/mianshuangzenmeyong/" title="面霜怎么用">面霜怎么用</a> <a class="hot-tag col_4" href="http://www.tulaoshi.com/jidandecuowuchifayounaxie/" title="鸡蛋的错误吃法有哪些">鸡蛋的错误吃法有哪些</a> <a class="hot-tag col_1" href="http://www.tulaoshi.com/wordfuzhiguolaidewenzigeshicuowu/" title="Word复制过来的文字格式错误">Word复制过来的文字格式错误</a> <a class="hot-tag col_3" href="http://www.tulaoshi.com/lishiyundouzenmeyong/" title="立式熨斗怎么用">立式熨斗怎么用</a> <a class="hot-tag col_9" href="http://www.tulaoshi.com/yongyilaguanzuoxiongzhen/" title="用易拉罐做胸针">用易拉罐做胸针</a> <a class="hot-tag col_1" href="http://www.tulaoshi.com/meifenzenmeyong/" title="眉粉怎么用">眉粉怎么用</a> </div> </div> <div class="contain-right site-output"><script>tls.output.www_news('right0_300')</script></div> </div> </div> <div class="float_bottom js-share-box" id="fixbottom"> <div class="float_bot_1"> <a href="javascript:;" class="icon-share icon-share71" id="weixin_show_btn"></a> <img src="https://pan.baidu.com/share/qrcode?w=150&h=150&url=http://m.tulaoshi.com/n/20160129/1483510.html" style="right:0;left:0;top:-130px;display:none; border:1px solid #e5e5e5; background:#fff; padding:10px; width:100px" id="weixin_show"> </div> <a href="javascript:;" class="icon-share icon-share11 js-share-weibo">微博分享</a> <a href="javascript:;" class="icon-share icon-share21 js-share-qq">QQ分享</a> <a href="javascript:;" class="icon-share icon-share31 js-share-qzone">QQ空间</a> <a href="http://m.tulaoshi.com/n/20160129/1483510.html" class="icon-share icon-share41">手机页面</a> <a href="javascript:;" class="icon-share icon-share51" id="fav_site_btn" data-url="http://www.tulaoshi.com/n/20160129/1483510.html">收藏网站</a> <a href="javascript:;" class="icon-share icon-share61" id="totop">回到头部</a> </div> <div class="c_xins" style="display:none;"> <a href="http://m.tulaoshi.com/n/20160129/1483510.html"> 用 onerror 获取错误信 移动版</a> </div> </div> <!--footer底部--> <script type="text/javascript">tls.output.show_foot();</script> <!-- 尾部 --> <!--www_news PC内容页面--> <script src="http://static.tulaoshi.com/js/pc_show.min.js"></script> </body> </html>