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 相关文章推荐
js宝典学习笔记(上)
Jan 10 Javascript
ext combox 下拉框不出现自动提示,自动选中的解决方法
Feb 24 Javascript
js清空表单数据的两种方式(遍历+reset)
Jul 18 Javascript
jQuery中$.click()无效问题分析
Jan 29 Javascript
ES6中的数组扩展方法
Aug 26 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
vue 引入公共css文件的简单方法(推荐)
Jan 20 Javascript
jQuery仿移动端支付宝键盘的实现代码
Aug 15 jQuery
vue 中引用gojs绘制E-R图的方法示例
Aug 24 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
JS实现简单随机3D骰子
Oct 24 Javascript
微信小程序实现聊天室
Aug 21 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
通过table标签,PHP输出EXCEL的实现方法
2013/07/24 PHP
php实现删除空目录的方法
2015/03/16 PHP
护卫神php套件 php版本升级方法(php5.5.24)
2015/05/10 PHP
php探针不显示内存解决方法
2019/09/17 PHP
js日历功能对象
2012/01/12 Javascript
用原生JS获取CLASS对象(很简单实用)
2014/10/15 Javascript
利用a标签自动解析URL分析网址实例
2014/10/20 Javascript
jquery删除指定子元素代码实例
2015/01/13 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
Linux CentOS系统下安装node.js与express的方法
2017/04/01 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
2017/04/10 jQuery
angular过滤器实现排序功能
2017/06/27 Javascript
Vue侧滑菜单组件——DrawerLayout
2017/12/18 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
jQuery中的for循环var与let的区别
2018/04/21 jQuery
vue 使用post/get 下载导出文件操作
2020/08/07 Javascript
Python 开发Activex组件方法
2009/11/08 Python
Python的Django框架中自定义模版标签的示例
2015/07/20 Python
Python聚类算法之DBSACN实例分析
2015/11/20 Python
Python实现基本数据结构中栈的操作示例
2017/12/04 Python
Python文本处理之按行处理大文件的方法
2018/04/09 Python
Python实现接受任意个数参数的函数方法
2018/04/21 Python
python获取中文字符串长度的方法
2018/11/14 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
如何为Python终端提供持久性历史记录
2019/09/03 Python
TensorFlow通过文件名/文件夹名获取标签,并加入队列的实现
2020/02/17 Python
python使用opencv resize图像不进行插值的操作
2020/07/05 Python
Java Servlet API中forward() 与redirect()的区别
2014/04/20 面试题
乡镇总工会学雷锋活动总结
2014/03/01 职场文书
乡镇信息公开实施方案
2014/03/23 职场文书
本科应届生求职信
2014/08/05 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
2016党风廉政建设心得体会范文
2016/01/25 职场文书
纯html+css实现Element loading效果
2021/08/02 HTML / CSS
springboot + mongodb 通过经纬度坐标匹配平面区域的方法
2021/11/01 MongoDB
Android自定义双向滑动控件
2022/04/19 Java/Android