用 onerror 獲取錯誤信息-Dreamweaver教程

2024-09-12 12:29:52

字體：大中小

來源：轉載

供稿：網友

這個東西是在線寫 js 腳本的時候，用來即時查錯的東西！

也就是，當發現所編寫的腳本有問題的時候會有相應的提示，并且在源代碼框中高亮標示出錯行，方便除錯

<html>
<head>
<title>debug 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 #cccccc
background-color: #cccccc;
border-collapse: collapse;
border-color: #cccccc;
}
</style>
<script language="javascript">
// coded by windy_sk <windy_sk@126.com> 20040205

function reporterror(msg,url,line) {
var str = "you have found an error as below: /n/n";
str = "err: " msg " on line: " line;
alert(str);
return true;
}

window.onerror = reporterror;

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(//r/n/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(//r/n/g, '/r/t');
code = code.replace(//r/n/g, '/r/t');
r.findtext(code);
r.select();
}else{
sel.text = '/t';
sel.select();
}
break
case (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 = '/r/n' 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;
var code_win = window.open('about:blank','_blank','top=10000');
code_win.document.open();
code_win.document.writeln(str);
code_win.document.close();
code_win.document.execcommand('saveas','','code.html');
code_win.close();
return;
}

window. {document.getelementbyid("txt_main").value = "<script>/nalert(')/n<//script>";}
</script>
<body>
<table width='600' class='list' border='1' bgcolor='#eeeeee' bordercolorlight='#000000' bordercolordark='#ffffff' cellpadding='0' cellspacing='0'>
<tr bgcolor='#cccccc'>
<td colspan='2' height='20' align='center'><b>debug textarea</b></td>
</tr>
<tr>
<td colspan='2'>
<table width='95%' border='0' align='center' >|||
<tr>
<td align='center'><br />
<textarea id='txt_ln' name='content' rows='10' style='width:40px;overflow:hidden;height:200px;border-right:0px;text-align:right;line-height:14px' onselectstart='this.nextsibling.focus();return false' readonly></textarea><textarea id='txt_main' name='content' rows='10' cols='80' onkeydown='edittab()' onkeyup='show_ln()' onscroll='show_ln()' wrap='off' style='overflow:auto;height:200px;padding-left:5px;border-left:0px;line-height:14px'></textarea>
<script>for(var i=1; i<=20; i ) document.getelementbyid('txt_ln').value = i '/n';</script>
</td>
</tr>
<tr>
<td align='center'><br />
<input type='button' value=' 運行 ' onclick='runcode()' accesskey='r'>  
<input type='button' value=' 保存 ' onclick='savecode()' accesskey='s'>  
<input type='button' value=' 跳轉 ' onclick="goto(prompt('please input the line number', '1'))" accesskey='g'>  
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>