类别归档：JavaScript

在IE8浏览器的标准模式下，样式设置为table-layout:fixed的表格中的列隐藏之后，表格的宽度并不会自动resize，table中各th, td元素宽度保持不变。

而在IE7，以及chrome、firefox等现代浏览器中，表格中各列的宽度会自动重新调整。

一个简单的针对IE8浏览器的问题解决方案如下：

table.style.display = "inline-table";
window.setTimeout(function(){table.style.display = "";},0);

如果使用jQuery，可以通过下面的方式判断当前浏览器是否为IE8：

jQuery.browser.version == 8.0

使用amCharts.js绘制柱形图（column chart）时，有时需要默认显示每一个柱子的数值。

通过在AmCharts.AmGraph中设置labelText属性为[[value]]，即可实现上述需求。

效果如下所示：

JavaScript的变量声明

JavaScript的变量声明语句无论出现在何处，都会先于其他代码首先被执行。使用var关键词声明变量的作用域是当前的执行上下文，有可能是外围函数，或者，当变量声明在函数体之外时，则为全局变量。

向一个未声明变量赋值会隐式地将其创建为一个全局变量（它变成了全局对象的一个属性）。声明变量与未声明变量之间的区别为：

1. 声明变量的作用范围限定在其执行的上下文环境中。未声明的变量总是全局的。

function x() {
  y = 1;   // Throws a ReferenceError in strict mode
  var z = 2;
}

x();

console.log(y); // logs "1" 
console.log(z); // Throws a ReferenceError: z ...

明天就是圣诞节，分享一个好玩的jQuery插件——JQuery-Snowfall Plugin，该插件可以实现在页面上飘落雪花的特效。

JQuery-Snowfall插件的github项目地址：https://github.com/loktar00/JQuery-Snowfall/

调用插件的方式很简单，首先，需要在页面上添加对js源文件snowfall.jquery.js的引用：

<script type="text/javascript" src="https://raw.githubusercontent.com/loktar00/JQuery-Snowfall/master/src/snowfall.jquery.js"></script>

然后使用插件的缺省方式开启雪花特效：

$(document).snowfall();

此外，该插件还支持下列参数设置：

flakeCount,
flakeColor ...

下面的代码片段通过前台校验限制HTML文本框只允许输入数字[0-9]

JavaScript代码如下：

$(document).ready(function() {
    $("#txtboxToFilter").keydown(function (e) {
        // Allow: backspace, delete, tab, escape, enter and .
        if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
             // Allow: Ctrl+A
            (e.keyCode == 65 && e.ctrlKey === true) || 
             // Allow ...