js各种报错信息

找不到引入的.js文件

1、问题描述

引用的.js文件找不到，chrome报错信息如下：

GET file:///D:/JavaBooks/js/jquery%20validation/src-gzh/jquery.validate-1.7.src net::ERR_FILE_NOT_FOUND

2、原因分析：.js文件名字拼写错误（比如，少了文件后缀.js）。

3、解决方法：修改为正确的文件名即可。

4、代码示例

<script type="text/javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript" src="jquery.validate-1.7.src.js"></script>

<script type="text/javascript">
  $(function(){
     // 启动表单验证
     $("#form1").validate();
  });
</script>


<form id="form1">
  <!-- 表单字段-->
  <input type="text" name="username" id="username" class="required"/><br/>
  <input type="text" name="password" id="password" class="required"/><br/>

  <!-- 提交按钮-->
  <input type="submit" value="Submit"/>
</form>

js函数缺少括号)，函数体缺少大括号}

如果函数缺少括号或者函数体缺少括号，浏览器debug时都会提示报错信息。这里分2种情况：

1、一般报错信息都在报在错误的地方，这种情况比较好说。

2、但是有的时候会报在其他的地方，这个时候要明白的是，报错信息缺少括号这一点是确定无疑的，现在就是要定位到具体是哪一行报错。

例如

报错函数/函数体缺少括号，报错的地方不是函数/函数体的末尾，而是报在调用该函数的地方。

css代码使用了//注释，导致有的div内容出不来，然后也不报错

css注释，只能使用/* 注释内容 */，而不能使用双斜杠//。

定义了多个同名的变量

浏览器会报错。

文档未加载完毕，就开始执行js代码导致的错误

文档/DOM未加载完毕，就开始执行js代码。

比如，js代码写在html代码的前面，而且document.getElementById('traffic')这样来访问DOM（即文档的元素），那么这个时候就会报TypeError: a is null（火狐浏览器，注：a变量没用，只会起误导作用）或者Uncaught TypeError: Cannot read property 'click2' of null（谷歌浏览器）。

js 对象的函数未定义

1、问题描述

浏览器报错，说对象的函数未定义，这个时候可以肯定的一点是，当前这个对象是没有这个函数的。

比如，高德地图对象函数未定义，是因为地图对象被2.5维地图对象覆盖了。

2、原因分析

出现这种bug时，问题在函数，往往是因为对象被重复定义，或者被重新赋值了。

3、解决方法

无。