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 相关文章推荐
用javascript实现给图片加链接
Aug 15 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
jQuery取消ajax请求的方法
Jun 09 Javascript
Bootstrap中的Panel和Table全面解析
Jun 13 Javascript
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
May 10 Javascript
security.js实现的RSA加密功能示例
Jun 06 Javascript
Vue一个案例引发的递归组件的使用详解
Nov 15 Javascript
AngularJs中$cookies简单用法分析
May 30 Javascript
解决Vue中 父子传值 数据丢失问题
Aug 27 Javascript
vue实现购物车列表
Jun 30 Javascript
vue 二维码长按保存和复制内容操作
Sep 22 Javascript
react如何快速设置文件路径别名
Apr 28 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
咖啡豆的最常见发酵处理方法,详细了解一下
2021/03/03 冲泡冲煮
如何在PHP中使用Oracle数据库(5)
2006/10/09 PHP
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
THINKPHP内容分页代码分享
2015/01/14 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
ie 调试javascript的工具
2009/04/29 Javascript
WordPress 照片lightbox效果的运用几点
2009/06/22 Javascript
关于js new Date() 出现NaN 的分析
2012/10/23 Javascript
addEventListener 的用法示例介绍
2014/05/07 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
2014/08/10 Javascript
js兼容火狐显示上传图片预览效果的方法
2015/05/21 Javascript
jquery validate.js表单验证入门实例(附源码)
2015/11/10 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
2015/11/22 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
2016/02/15 Javascript
Bootstrap每天必学之折叠
2016/04/12 Javascript
jquery自适应布局的简单实例
2016/05/28 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
2016/06/12 Javascript
JavaScript中return用法示例
2016/11/29 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
Angular2使用Angular CLI快速搭建工程(一)
2017/05/21 Javascript
原生JavaScript实现的简单放大镜效果示例
2018/02/07 Javascript
boostrap模态框二次弹出清空原有内容的方法
2018/08/10 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
2019/06/03 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
Python的Flask框架中实现登录用户的个人资料和头像的教程
2015/04/20 Python
python 字典(dict)按键和值排序
2016/06/28 Python
解析PyCharm Python运行权限问题
2020/01/08 Python
Python常用编译器原理及特点解析
2020/03/23 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
python报错: 'list' object has no attribute 'shape'的解决
2020/07/15 Python
英国发展最快的在线超市之一:Click Marketplace
2021/02/15 全球购物
社区工作者思想汇报
2014/01/13 职场文书
策划总监岗位职责
2014/02/16 职场文书
机电一体化求职信
2014/03/10 职场文书
大学中国梦演讲稿
2014/04/23 职场文书
高中校园广播稿
2014/10/21 职场文书