javascript在子页面中函数无法调试问题解决方法


Posted in Javascript onJanuary 17, 2014

近期在做一个项目,会遇到在子页面中提交的时候会无法能够调试javascript代码的情况出现,有时候这种问题,我们无法正常在浏览器,看到我们子页面的javascript代码,所以只能够用原始的alert 或者 console.log(),当然,这也是一种解决方法,但是有时候,我们就想看一下程序到底是如何运行的,同时也可以看每个参数到底是什么值,所以意义还是比较大的。

我贴张图,大家就大概了解是什么时候会出现这个问题了。

<script> 
function stopWatchDog(watchDogId) { 
alert("aa"); 
var url = '<s:url value="/watchDog/stopWatchDog"/>'; 
var params = { 
watchDogId : watchDogId, 
}; 
$.post(url, params, function(data) { 
if (data.success) { 
closeDialog(); 
tbGrid.send(); 
} else { 
if (data.errorMsg != null && data.errorMsg != "") { 
jAlert(data.errorMsg, "系统消息"); 
} else { 
jAlert("停止异常", "系统消息"); 
} 
$("#saveBtn").removeAttr("disabled"); 
$("#saveBtn").css("color", "white"); 
} 
}, "json"); 
} 
</script>

这个其实是函数声明,大家如果了解javascript上下文的话,就知道其实函数声明只是在页面上下文加载的时候加载的函数名,其函数内容无法正常加载。

如果我们换成函数自执行或者是在函数自治性中定义这个函数声明的话,那么就可以解决这个问题了。

(function(){ 
function stopWatchDog(watchDogId) { 
alert("aa"); 
var url = '<s:url value="/watchDog/stopWatchDog"/>'; 
var params = { 
watchDogId : watchDogId, 
}; 
$.post(url, params, function(data) { 
if (data.success) { 
closeDialog(); 
tbGrid.send(); 
} else { 
if (data.errorMsg != null && data.errorMsg != "") { 
jAlert(data.errorMsg, "系统消息"); 
} else { 
jAlert("停止异常", "系统消息"); 
} 
$("#saveBtn").removeAttr("disabled"); 
$("#saveBtn").css("color", "white"); 
} 
}, "json"); 
} 
})();
Javascript 相关文章推荐
JQuery Dialog的内存泄露问题解决方法
Jun 18 Javascript
jquery选择器(常用选择器说明)
Sep 28 Javascript
使用jquery局部刷新(jquery.load)从数据库取出数据
Jan 22 Javascript
png在IE6 下无法透明的解决方法汇总
May 21 Javascript
js数组去重的5种算法实现
Nov 04 Javascript
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 Javascript
javascript加减乘除的简单实例
Jul 12 Javascript
javascript 中设置window.location.href跳转无效问题解决办法
Feb 09 Javascript
使用Bootrap和Vue实现仿百度搜索功能
Oct 26 Javascript
详解VueJS应用中管理用户权限
Feb 02 Javascript
vue style width a href动态拼接问题的解决
Aug 07 Javascript
使用JS实现简易计算器
Jun 14 Javascript
ie7+背景透明文字不透明超级简单的实现方法
Jan 17 #Javascript
用js控制组织结构图可以任意拖拽到指定位置
Jan 17 #Javascript
Jquery 获取对象的几种方式介绍
Jan 17 #Javascript
在javascript中如何得到中英文混合字符串的长度
Jan 17 #Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
Jan 17 #Javascript
Js判断CSS文件加载完毕的具体实现
Jan 17 #Javascript
js使用eval解析json(js中使用json)
Jan 17 #Javascript
You might like
PHP之生成GIF动画的实现方法
2013/06/07 PHP
PHP设计模式之迭代器模式的深入解析
2013/06/13 PHP
使用PHPCMS搭建wap手机网站
2015/09/20 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
php的命名空间与自动加载实现方法
2019/08/25 PHP
网页自动跳转代码收集
2009/09/27 Javascript
jquery限制输入字数,并提示剩余字数实现代码
2012/12/24 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
2014/01/22 Javascript
用js判断是否为360浏览器的实现代码
2015/01/15 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
JavaScript中的substr()方法使用详解
2015/06/06 Javascript
学习使用bootstrap3栅格系统
2016/04/12 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
基于Bootstrap表单验证功能
2017/11/17 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
2019/01/15 jQuery
Vue.js实现的购物车功能详解
2019/01/27 Javascript
初学node.js中实现删除用户路由
2019/05/27 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
2019/11/25 Javascript
python中pygame模块用法实例
2014/10/09 Python
kNN算法python实现和简单数字识别的方法
2014/11/18 Python
python使用正则表达式分析网页中的图片并进行替换的方法
2015/03/26 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
python识别图像并提取文字的实现方法
2019/06/28 Python
python 将日期戳(五位数时间)转换为标准时间
2019/07/11 Python
如何使用python实现模拟鼠标点击
2020/01/06 Python
Python的pygame安装教程详解
2020/02/10 Python
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
很酷的小工具和电子产品商城:GearBest
2016/11/19 全球购物
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
美国羽绒床上用品第一品牌:Pacific Coast
2018/08/25 全球购物
工作失职检讨书范文
2014/01/16 职场文书
主题教育活动总结
2014/05/05 职场文书
护校行动方案
2014/05/31 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
中学后勤工作总结2015
2015/07/22 职场文书
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android