近期在做一个项目，会遇到在子页面中提交的时候会无法能够调试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关于open.window子页面执行完成后刷新父页面的问题分析
- javascript父、子页面交互技巧总结
- javascript 装载iframe子页面，自适应高度
- js父页面与子页面不同时显示的方法
- js子页面获取父页面数据示例
- JS父页面与子页面相互传值方法
- js刷新框架子页面的七种方法代码
- javascript父子页面通讯实例详解
