开发网页程序的时候，JS经常报错该如何处理？

来源：互联网发布：海军预研船舶大数据编辑：程序博客网时间：2024/04/30 06:21
做网页的时候，JS一段没有写好的时候，老是会出错，弹出的窗口又难看，而且在IE里面，还死活找不到位置。。。因为IE的报错信息位置不准确，再加上，有时候一段网页是专门为IE写的，用FF或者OPERA就会报错，为避免报错信息弹窗，让客户体验更好，因此。。。找了一些资料后，发现以下解决方法比较好。1、在代码前加入<script language="javascript">window.onerror = function(){return true;}</script>把这段代码放在你的head的JS引用前2、在具体的代码前加入try catch<script language="javascript">      try{            可能会出错的代码      }      catch(e){}</script>3、自己写个小函数替代(COPY 自网上)document._error_messages = new Array();var w;function doError(msg,url,ln) { var _error_obj = {msg : msg, url : url, ln : ln};  document._error_messages[document._error_messages.length] = _error_obj;  str = "" str += "<title>Error Dialogue (WebFX)</title>" str += "<script>window.onload=new Function('showError()');" str += 'var nr=0;' str += 'function next() {' str += '   nr=Math.min(window.opener.document._error_messages.length-1,nr+1);' str += '   showError();' str += '}' str += 'function previous() {' str += '   nr=Math.max(0,nr-1);' str += '   showError();' str += '}' str += 'function showError() {' str += '   errorArray = window.opener.document._error_messages;' str += '   if (errorArray.length != 0 && nr >= 0 && nr < errorArray.length) {' str += '      url.innerText = errorArray[nr].url;' str += '      msg.innerText = errorArray[nr].msg;' str += '      ln.innerText = errorArray[nr].ln;' str += '   }' str += '}</script>' str += "<style>" str += "body {background: white; color: black; border: 10 solid navy; font-family: tahoma, arial, helvitica; font-size: 12px; margin: 0;}" str += "p {font-family: tahoma, arial, helvitica; font-size: 12px; margin-left: 10px; margin-right: 10px;}" str += "h1 {font-family: arial black; font-style: italic; margin-bottom: -15; margin-left: 10; color:navy}" str += "button {margin: 0; border: 1 solid #dddddd; background: #eeeeee; color: black; font-family: tahoma, arial; width: 100}" str += "a {color: navy;}" str += "a:hover {color: blue;}" str += "</style>" str += '<body scroll="no">' str += "<h1>Oops!</h1>" str += '<p>An error ocurred in the file <br><strong id="url"></strong><br>This might prevent the page from working correctly.</p>' str += '<p style="margin-bottom: 5;">Please report this to <a href="/contact.html#emil">EAE</a> or <a href="/contact.html#erik">Erik</a></p>' str += '<table style="width: 100%;" cellspacing=0 cellpadding=10><tr><td>' str += '<button onclick=\'if (infoArea.style.display!="block") {infoArea.style.display = "block";window.resizeTo(400,308);this.innerText="Hide Error";}else {infoArea.style.display="none";window.resizeTo(400,219);this.innerText="Show Error";}\'' str += 'onmouseover="this.style.borderColor=\'black\'" onmouseout="this.style.borderColor=\'#dddddd\'">Show Error</button>' str += '</td><td align="RIGHT"><button onclick="window.close()" onmouseover="this.style.borderColor=\'black\'" onmouseout="this.style.borderColor=\'#dddddd\'">Ok</button>' str += '</td></tr></table>' str += '<div id="infoArea" style="display: none;">' str += '<div id="info" style="background: #eeeeee; margin: 10; margin-bottom: 0; border: 1 solid #dddddd;">' str += '<table>' str += '<tr><td><p>Message:</p></td><td><p id="msg"></p></td></tr>' str += '<tr><td><p>Line:</p></td><td><p id="ln"></p></td></tr>' str += '</table>' str += '</div>' str += '<table style="width: 100%;" cellspacing=0 cellpadding=10><tr><td>' str += '<button onclick="previous()" onmouseover="this.style.borderColor=\'black\'" onmouseout="this.style.borderColor=\'#dddddd\'">Previous</button>' str += '</td><td align=right><button onclick="next()" onmouseover="this.style.borderColor=\'black\'" onmouseout="this.style.borderColor=\'#dddddd\'">Next</button>' str += '</td></tr></table>' str += '</div>' str += '</body>' if (!w || w.closed) {  w = window.open("","_webxf_error_win","width=390,height=190");  var d = w.document;  d.open();  d.write(str);  d.close();  w.focus(); } return true;}window.onerror = doError
转载地址:http://www.cnitblog.com/neatstudio/archive/2007/05/25/27366.html