JavaScript常用技巧（ 个人整理：复习备忘）

基本数据类型：String,boolean,Number,Undefined, Null

引用数据类型：Object(Array,Date,RegExp,Function)

那么问题来了，如何判断某变量是否为数组数据类型？

• 方法一.判断其是否具有“数组性质”，如slice()方法。可自己给该变量定义slice方法，故有时会失效
• 方法二.obj instanceof Array 在某些IE版本中不正确
• 方法三.方法一二皆有漏洞，在ECMA Script5中定义了新方法Array.isArray(), 保证其兼容性，最好的方法如下：

if(typeof Array.isArray==="undefined")
{
  Array.isArray = function(arg){
        return Object.prototype.toString.call(arg)==="[object Array]"
    }; 
}

2.如何使用JavaScript动态创建select的option选项，并将它们添加到选项框中？

第一种可以使用如下的DOM方法，代码如下：

var selectbox = document.getElementById("selLocation");//指定添加选项操作的选择框对象

var newOption = document.createElement("option");//创建一个新的option元素
newOption.appendChild(document.createTextNode("option text"));//添加一个文本结点
newOption.setAttribute("value", "option value");//设置value特性

 selectbox.appendChild(newOption);//添加到指定的选择框中

var newOption = new Option("Option text","Option value");//构造函数创建一个Object的实例，浏览器（必须兼容DOM）会返回一个<option>元素

selectbox.appendChild(newOption);//在IE8及之前的版本中有问题

第三种添加选项的方式是使用选择框的add ()方法，该方案可以在所有浏览器中都将新选项插入到列表最后，兼容性最好，推荐！！

var newOption = new Option("Option text","Option value");

selectbox.add(newOption,undefined);//第二个参数为将位于新选项之后的选项。
                //在IE中，第二个参数是可选的，而且如果指定，该参数必须是新选项之后选项的索引。
               //兼容DOM的里浏览器要求必须指定第二个参数，跨浏览器编程就需传入undefined。

y=document.getElementsByTagName("option");//返回元素的顺序是它们在文档中的顺序
x.insertBefore(newNode,y[3]);//x为指定的option,添加的选项在y[3]之后

3.设置一个已知ID的DIV的html内容为xxxx，字体颜色设置为黑色(不使用第三方框架)

var dom = document.getElementById(“ID”);
dom.innerHTML = “xxxx”;
dom.style.color = “#000”;