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改变CSS样式(局部和全局)
Dec 18 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
js遍历map javaScript遍历map的简单实现
Aug 26 Javascript
vue.js入门教程之基础语法小结
Sep 01 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
Dec 19 Javascript
详解vue2.0监听属性的使用心得及搭配计算属性的使用
Jul 18 Javascript
Vue Cli3 创建项目的方法步骤
Oct 15 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
Oct 30 Javascript
微信小程序swiper使用网络图片不显示问题解决
Dec 13 Javascript
sharp.js安装过程中遇到的问题总结
Apr 02 Javascript
原生JS实现弹幕效果的简单操作指南
Nov 10 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 json_decode函数详细解析
2014/02/17 PHP
php读取excel文件示例分享(更新修改excel)
2014/02/27 PHP
WordPres对前端页面调试时的两个PHP函数使用小技巧
2015/12/22 PHP
PHP集成环境XAMPP的安装与配置
2018/11/13 PHP
PHP设计模式之装饰器(装饰者)模式(Decorator)入门与应用详解
2019/12/13 PHP
用一段js程序来实现动画功能
2007/03/06 Javascript
javascript与CSS复习(三)
2010/06/29 Javascript
javascript 实现简单的table排序及table操作练习
2012/12/28 Javascript
Array栈方法和队列方法的特点说明
2014/01/24 Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
2014/10/17 Javascript
分享十五款 jQuery 社交网络分享插件
2015/05/16 Javascript
深入理解jquery自定义动画animate()
2016/05/24 Javascript
微信小程序 PHP后端form表单提交实例详解
2017/01/12 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
2017/05/17 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
2017/10/24 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
2018/01/22 Javascript
原生JS实现的碰撞检测功能示例
2018/05/18 Javascript
AngularJS ui-router刷新子页面路由的方法
2018/07/23 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
2019/08/01 Javascript
node 解析图片二维码的内容代码实例
2019/09/11 Javascript
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
Python基础中所出现的异常报错总结
2016/11/19 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
django admin后台添加导出excel功能示例代码
2019/05/15 Python
在python中画正态分布图像的实例
2019/07/08 Python
双向RNN:bidirectional_dynamic_rnn()函数的使用详解
2020/01/20 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
HMV日本官网:全球知名的音乐、DVD和电脑游戏零售巨头
2016/08/13 全球购物
夏洛特和乔治婴儿和儿童时装精品店:Charlotte and George
2018/06/06 全球购物
周年庆典邀请函范文
2014/01/24 职场文书
2014年安全生产大检查方案
2014/05/13 职场文书
2014年政风行风自查自纠报告
2014/10/21 职场文书
优秀教师工作总结2015
2015/07/22 职场文书
董事长新年致辞
2015/07/29 职场文书
python实现简易名片管理系统
2021/04/11 Python
NASA 机智号火星直升机拍到了毅力号设备碎片
2022/04/29 数码科技