关于javaScript头疼的排错问题

韩军博

本帖最后由王梁星于 2012-10-29 22:39 编辑

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<script type="text/javascript">
function changeMax()
{
var divNode=document.getElementById("newsid");//获得事件所在节点的id
divNode.style.fontSize="24px";
}
function changeNorm()
{
var divNode=document.getElementById("newsid");//获得事件所在节点的id
divNode.style.fontSize="16px";
}
function changeMin()
{
var divNode=document.getElementById("newsid");//获得事件所在节点的id
divNode.style.fontSize="9px";
}
</script>
</head>
<body>
<!--
1,定义数据封装的标签。(定义界面)
2，确定事件源
3，注册事件
4，事件处理
需求：
页面中有一块新闻区域。通过超链接大中小
可以让用户改变区域中的字体大小
-->
<h2>新闻标题</h2>
<a href="javascript:void(0)" onclick("changeMax()")>大</a>
<a href="javascript:void(0)" onclick("changeNorm()")>中</a>
<a href="javascript:void(0)" onclick("changeMin()")>小</a>
<div id="newsid">
个䒈的寡凫单鹄寡凫单鹄个返回个返回国防
个䒈的寡凫单鹄寡凫单鹄个返回个返回国防
个䒈的寡凫单鹄寡凫单鹄个返回个返回国防
个䒈的寡凫单鹄寡凫单鹄个返回个返回国防
个䒈的寡凫单鹄寡凫单鹄个返回个返回国防
</div>
</body>
</html>
新开的一期javaEE物联云计算，似乎人少，在学javascript的更少阿。我发了两篇关于javascript的问题，都没人回答，就当挣几个技术分吧。
所以这篇我发在这里，人多势众嘛。肯定有大神级别人物存在，解小弟难题。或者顺便到一期瞧瞧我的帖子？
回答之前最好先在自己的电脑上试下我的代码。问题是这样的，这个代码是有错误，刚刚才看到有两处错误。之前已经测试很长时间，也对照视频很长时间了（真是老眼昏花阿）。
只想吐槽句：这html代码TMD也太难排错了吧，硬凭你眼力的阿。
火狐的firebug也不怎么给力，本代码它是“没意见”。问问各位在学或学过js的，给个建议：怎么才能减少低级错误，怎么才能减少错误率，发生错误了怎么才能尽快排错？

复制代码

王梁星 · 王梁星

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<script type="text/javascript">
function changeSize(px)
{
var divNode=document.getElementById("newsid");//获得事件所在节点的id
divNode.style.fontSize=px;
}
</script>
</head>
<body>
<!--
1,定义数据封装的标签。(定义界面)
2，确定事件源
3，注册事件
4，事件处理
需求：
页面中有一块新闻区域。通过超链接大中小
可以让用户改变区域中的字体大小
-->
<h2>新闻标题</h2>
<a href="javascript:void(0)" onclick="changeSize('24px')">大</a>
<a href="javascript:void(0)" onclick="changeSize('16px')">中</a>
<a href="javascript:void(0)" onclick="changeSize('9px')">小</a><br />
<div id="newsid">
个䒈的寡凫单鹄寡凫单鹄个返回个返回国防<br />
个䒈的寡凫单鹄寡凫单鹄个返回个返回国防<br />
个䒈的寡凫单鹄寡凫单鹄个返回个返回国防<br />
个䒈的寡凫单鹄寡凫单鹄个返回个返回国防<br />
个䒈的寡凫单鹄寡凫单鹄个返回个返回国防<br />
</div>
</body>
</html>

复制代码

这是优化后代码，看视频的都知道的。－－啥时候我原创的？

会飞的鱼 · 会飞的鱼

哥们，Javascript代码要调试的话，最好写在外部的js文件里，通过外部导入的方式导入到Html页面中来进来。这样在某些工具里就可获取此文件对其打断点进行调试，比如IE8,9;FireFox的debug。这些工具能对css样式排版和网络传输信息进行抓取。我用的最多的就是IE9自带的开发者工具(自感觉比debug排版好)，在进行Ajax开发时，很清晰的能抓取到http请求头和响应体。并且还能像图中一样就像调试后台代码一样调试js代码。呵呵，写的多了有点打广告的嫌疑了。。。

王梁星 · 王梁星

845616011 发表于 2012-10-29 09:52
哥们，Javascript代码要调试的话，最好写在外部的js文件里，通过外部导入的方式导入到Html页面中来进来。这 ...

谢谢兄弟，给我提了个醒。我试试此方法。可能是我畏惧代码，也懒了

帐号		自动登录	找回密码
密码			加入黑马

关于javaScript头疼的排错问题

评分

3 个回复

评分