javascript基础知识show

时间:2023-03-08 17:05:02

1、javascript的数据类型是什么

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

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

判断某变量是否为数组数据类型:

方法1、判断其是否具有“数据性质”,如slice()方法.(但是我们可以自己给变量定义slice方法,故有时会失效)

方法2、obj instanceof Array  在某些IE版本中不正确。

     方法3、方法1、2均存在漏洞,在ECMA Script5中定义了新方法Array.isArray(),保证其兼容性,最好的方法如下:

2、已知ID的input输入框,希望获取这个输入框的输入值。(不使用第三方框架)

document.getElementById("ID").value;

3、希望获取页面中所有的checkbox怎做(不使用第三方框架)

function _selectCheckBox(){
            var domList = document.getElementsByTagName('input');
            var checkBoxList = [];
            var len = domList.length;//缓存到局部变量
            while(len--){  //使用while的效率会比for循环更高
                if(domList[len].type=='checkbox'){
                    checkBoxList.push(domList[len]);
                }                
            }
            alert(checkBoxList);
        }

4、设置一个已知ID的html内容为xxx,字体颜色设为黑色(不使用第三方框架)

var dom = document.getElementById("ID");

dom.innerHTML ="xxx";

dom.style.color ="#000";

6、 当一个DOM节点被点击时候,希望执行一个函数,怎做?

-- 直接在DOM里绑定事件:<div onclick="test();"></div>

--  在js里通过onclick绑定:xxx.onclick=test;

--  通过事件添加进行绑定:addEventListener(xxx,'click',test);

7、java的事件流模型:

-- “事件冒泡”:事件开始由最具体的元素接受,然后逐级向上传播。

-- “事件捕捉”:事件由最不具体的节点先接收,然后逐级向下,一直到最具体的。

--“DOM事件流”:三个阶段:事件捕捉、目标阶段、事件冒泡

8、what's Ajax and JSON,和优缺点。

Ajax是异步JavaScript的xml,用于在web页面中实现异步数据交互。

优点:

--  可以使用页面不重载全部内容的情况下加载局部的内容,降低数据传输量

-- 避免用户不断刷新或者跳转页面,提高用户体验。

缺点:

-- 对搜索引擎不友好

-- 要实现Ajax下的前后退功能成本比较大。

-- 可能造成请求书的增加

-- 跨域问题限制

JSON是一种轻量级的数据交换格式,ECMA的一个子集。

优点:

轻量级、易于人的阅读和编写,便于机器(JavaScript)解析,支持复合数据类型(数组、对象、字符串、数字)

8、如下代码输出为?原因。

var a;

alert(typeof a);  //undefined

alert(b);//报错

释:Undefined是一个只有一个值的数据类型,这个值就是“undefined”,在使用var声明变量但并未对其赋值进行初始化时,这个变量的值就是undefined。而b由于未来声明将报错。注意未声明的变量和声明了未赋值的是不一样的。

9、如下代码输出为?原因。

var a = null;

alert(typeof a);//  object

解释:null是一个只有一个值的数据类型,这个值就是null。表示一个空指针对象,所以用typeof检测会返回“object”.

10、如下代码给出结果

var a = new Object();

a.value=1;

b=a;

b.value =2;

alert(a.value);

//引用数据类型细节

11、一直数组  var stringArray = ["This","is","Baidu","campany"],alert出 “This is Baidu Campany”.

function _combo(){
            var foo="get-element-by-id";
            var arr = foo.split("-");
            for( var i=1;i<arr.length;i++){
                arr[i]= arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);
            }
            var msg = arr.join("");
            return msg;
        }

12、var numberArray = [3,2,1,4,5,6];

--  对数组进行倒排 输出 [6,5,4,1,2,3];

--  实现对该数组的降序排列,输出[6,5,4,3,2,1];

var numberArray = [3,2,1,4,5,6];

numberArray.reverse();//[6,5,4,1,2,3];

numberArray.sort(function(a,b){

    return b-a;

})

13、输出今天的日期,以YYYY-MM-DD的方式,

var d = new Date();

//获取年,getFullYear()返回四位数

//获取月,月份比较特殊,0是1月,11是12月,

var month = d.getMonth()+1;

//变为两位

month = month<10? '0'+month:month;

//获取日

var day = d.getDate();

day = day<10? '0'+day:day;

alert(year+'-'+month+'-'+day);

14、foo = foo||bar 代码含义

if(!foo) foo=bar;//如果foo存在 值不变,否则把bar赋值给foo;