javascript

JS集锦

目录
  1. 1. JS脚本不能执行
  2. 2. js里面查看变量类型
  3. 3. 使用debugger在程序中加入断点
  4. 4. JS获取表单input值的方法
  5. 5. 获取jQuery版本号

JS脚本不能执行

这段时间在做前端的动态页面，出了很多问题，因为js平时用的很少，所以花了不少无用功。
其中有两点一定要注意：
1.当js中有语法错误时，js脚本会无法执行。
2.当js脚本中有未定义的变量时，后边的语句不能执行。
可以打开firebug，在控制台查看是否有报错信息。

js里面查看变量类型

1
2
3
4
<script type="text/javascript" language="javascript">
   var variable="abc";//这个变量是字符串型的
   alert(typeof variable);//使用typeof就可以获取变量的类型
</script>

注意：在JavaScript中，数组是一种特殊的对象类型。因此typeof [1,2,3,4]返回object。可以使用 alert(Object.prototype.toString.apply(variable));或variable.constructor判断。

使用debugger在程序中加入断点

我们可以在程序中加入debugger语句，这样Firefox的调试工具会停留在这条语句上，代码也暂停执行，和加入断点的效果一样。例如：

1
2
3
4
5
6
7
8
<p id="demo"></p>
<p>开启调试工具，在代码执行到第三行前会停止执行。</p>

<script>
var x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
</script>

然后在Firebug（脚本）中查看效果。
也可使用专门的JS调试插件JavaScript Debugger，不过使用较为复杂。

JS获取表单input值的方法

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
  function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
      alert("姓必须填写");
      return false;
    }
  }
</script>
<form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">
  姓:<input type="text" name="fname">
  <input type="submit" value="提交">
</form>

获取jQuery版本号

很多人应该会有这样的需求，获取当前使用的jQuery的版本号

1
2
3
4
5
6
7
//来自Jquery的源码
jQuery.fn = jQuery.prototype ={
    ......
    // The current version of jQuery being used
    jquery:"***",
    ........
}

所以我们可以直接使用$.fn.jquery输出当前的jQuery的版本号