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 26 Javascript
js获取提交的字符串的字节数
Feb 09 Javascript
关于Mozilla浏览器不支持innerText的解决办法
Jan 01 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
Sep 26 Javascript
node.js Web应用框架Express入门指南
May 28 Javascript
Javascript编程中几种继承方式比较分析
Nov 28 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
Dec 04 Javascript
Bootstrap 模态框实例插件案例分析
Dec 28 Javascript
javascript 中设置window.location.href跳转无效问题解决办法
Feb 09 Javascript
vue2.0使用Sortable.js实现的拖拽功能示例
Feb 21 Javascript
vue-i18n结合Element-ui的配置方法
May 20 Javascript
js实现滑动滑块验证登录
Jul 24 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
239军机修复记
2021/03/02 无线电
php 获取百度的热词数据的代码
2012/02/18 PHP
Laravel 4 初级教程之安装及入门
2014/10/30 PHP
PHP+MySQL修改记录的方法
2015/01/21 PHP
朋友网关于QQ相关的PHP代码(研究QQ的绝佳资料)
2015/01/26 PHP
PHP读取文件内容的五种方式
2015/12/28 PHP
javascript中的对象创建 实例附注释
2011/02/08 Javascript
往光标所在位置插入值的js代码
2013/09/22 Javascript
JS定时器实例详细分析
2013/10/11 Javascript
jquery validate在ie8下的bug解决方法
2013/11/13 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
jquery插件jSignature实现手动签名
2015/05/04 Javascript
JavaScript文本框脚本编写的注意事项
2016/01/25 Javascript
使用vue.js开发时一些注意事项
2016/04/27 Javascript
JS生成不重复的随机数组的简单实例
2016/07/10 Javascript
简单谈谈Vue 模板各类数据绑定
2016/09/25 Javascript
Node.js与Sails redis组件的使用教程
2017/02/14 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
2017/06/07 jQuery
ComboBox(下拉列表框)通过url加载调用远程数据的方法
2017/08/06 Javascript
nodejs简单访问及操作mysql数据库的方法示例
2018/03/15 NodeJs
vue导出html、word和pdf的实现代码
2018/07/31 Javascript
vue中实现弹出层动画效果的示例代码
2020/09/25 Javascript
使用Python开发windows GUI程序入门实例
2014/10/23 Python
利用Python命令行传递实例化对象的方法
2016/11/02 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
基于OpenCV的路面质量检测的实现
2020/11/04 Python
廉价连衣裙和婚纱礼服在线销售:Tbdress
2019/02/28 全球购物
普罗米修斯教学反思
2014/02/06 职场文书
信访稳定工作汇报
2014/10/27 职场文书
写给医生的感谢信
2015/01/22 职场文书
2015年七夕情人节活动方案
2015/05/06 职场文书
2015小学教师年度考核工作总结
2015/05/12 职场文书
单位接收证明格式
2015/06/18 职场文书
八年级历史教学反思
2016/02/19 职场文书
导游词之介休绵山
2019/12/31 职场文书
python可视化之颜色映射详解
2021/09/15 Python