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实现颜色渐变的方法
Oct 30 Javascript
setTimeout()与setInterval()方法区别介绍
Dec 24 Javascript
node.js中的http.createClient方法使用说明
Dec 15 Javascript
基于Javascript实现返回顶部按钮
Feb 29 Javascript
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
Aug 05 Javascript
一个极为简单的requirejs实现方法
Oct 20 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
AngularJS实现网站换肤实例
Feb 19 Javascript
js+canvas实现动态吃豆人效果
Mar 22 Javascript
解决JS内存泄露之js对象和dom对象互相引用问题
Jun 25 Javascript
JS 实现缓存算法的示例(FIFO/LRU)
Mar 20 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 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
对Session和Cookie的区分与解释
2007/03/16 PHP
php模拟post提交数据的方法
2015/02/12 PHP
php检查页面是否被百度收录
2015/10/28 PHP
再推荐十款免费的php开发工具
2015/11/09 PHP
基于thinkphp5框架实现微信小程序支付 退款 订单查询 退款查询操作
2020/08/17 PHP
基于jquery的DIV随滚动条滚动而滚动的代码
2012/07/20 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
2013/08/26 Javascript
JavaScript语言精粹经典实例(整理篇)
2016/06/07 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
2016/10/13 Javascript
百度地图API之百度地图退拽标记点获取经纬度的实现代码
2017/01/12 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
2017/02/10 Javascript
微信小程序实现页面跳转传值的方法
2017/10/12 Javascript
vue.js获得当前元素的文字信息方法
2018/03/09 Javascript
微信小程序实现签到功能
2018/10/31 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
2018/11/29 Javascript
微信小程序自定义组件实现环形进度条
2020/11/17 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
Windows下Anaconda的安装和简单使用方法
2018/01/04 Python
Python异常的检测和处理方法
2018/10/26 Python
python安装virtualenv虚拟环境步骤图文详解
2019/09/18 Python
Python实现图片批量加入水印代码实例
2019/11/30 Python
基于python3实现倒叙字符串
2020/02/18 Python
Keras实现将两个模型连接到一起
2020/05/23 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
python 实现音频叠加的示例
2020/10/29 Python
python小技巧——将变量保存在本地及读取
2020/11/13 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
HTML5拖放功能_动力节点Java学院整理
2017/07/13 HTML / CSS
美国珠宝店:Helzberg Diamonds
2018/10/24 全球购物
Beauty Expert美国/加拿大:购买奢侈美容产品
2018/12/05 全球购物
《草原的早晨》教学反思
2014/04/08 职场文书
关于梦想的演讲稿
2014/05/05 职场文书
学校文明单位申报材料
2014/05/06 职场文书
报名委托书
2015/01/29 职场文书
win10怎么设置右下角图标不折叠?Win10设置右下角图标不折叠的方法
2022/07/15 数码科技