如何在网页中调试JavaScript

以IE8浏览器为例，接下来重点介绍并演示如何使用困禅浏览器自带的开发人员工具调试JS程序。（该工具快捷按钮为F12）

1、在工具->Internet选项->高级，去掉“禁用脚步调试（Internet Explorer）”项的勾选。

2、去掉“显示友好http错误信息”项的勾选。最后点击应用，确定按钮。

3、预览表单，当要执行的js程序出现错误时，浏览器会给出提示。

4、在给出的错误提示窗口中，选择“是（Y）”按钮，进入IE浏览器自带的开发人员工具脚本调试界面。

5、根据JS调试信息可以知道，当前JS报错是由于没有找到指定对象“dat”而导致的。我们需要在表单设计器中，修改JS程序并保存。因演示效果的需扮李要，在本例中是没有设置id值为dat的单行输入框控件的，本例中第二个单行输入框控件的id值是data2。修改后的JS代码。

6、将其改成值data2后，再进行测试不会出现JS报错信息，程序得以正常执行。

7、本例只是演示了如何利用IE自带的开发人员工具进行简单的调试工作，如需了解其他调试及排查技巧，请参阅网汪缺尘络及相关书籍进行学习。

使用步骤如下：

1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。

2.然后我们来开始编辑HTML界面代码。

3.使用script标签把jQuery引入到我们的HTML界面。src引号里面拿手的就是我们的jQuery路径名称。

4.接着再书写一个script标签对,里面写上jQuery入口函数,这拆敏瞎样,当我们的HTML加载完成之后就会执行我们旅空的jQuery代码

使用$.ajax方法实现：

var jqXhr = $.ajax({

type: ‘post’,

url: url,

data: {code: ‘15′},

dataType: ‘jsonp’,

sccuess:function(data){

alert(‘good’)},

error: function(XMLHttpRequest, textStatus, errorThrown) { /核卜/#3这个error函数调试时非常有用，如果解旁袜析不正确改启穗，将会d出错误框

alert(XMLHttpRequest.status)

alert(XMLHttpRequest.readyState)

alert(textStatus)// paser error

},

})

---