js function

 js 的alert() 会阻塞执行。

<script type="text/javascript">

<!--

 

 

 (function (obj){  

     alert(obj);  

 })("test1") ; 

 

 (function  (obj){

return function (){ 

alert(obj);

}

 })("test2")();

 

 

 (function  (obj){

return function (obj2){ 

alert(obj);alert(obj2);

}

 })("obj")("obj2");

 

!function  (obj){

return function (obj2){ 

alert(obj);

}

 }("objtest")("obj2");

 

 

// 把 !function 换成 +function或者-function试试

 

/* demo */

 

(function(i){

alert("第一步执行");  

alert("最后执行，i="+i());     

})

(function(){

alert("第2部执行");

return 5;

})

 

 /*  

不能与上面一个函数同时运行

(function (obj){

alert("第二次调用");

alert(obj);

 })

 ( (function (obj){

alert("第一次调用");

return obj;

 })(5)) */

 

 

//-->

</script>

 

 

 1.怎么检测当前浏览器是IE？
navigator.userAgent.toUpperCase().indexOf('IE')>0

扩展: 判断Opera：if(window.opera){ // alert("opera");}  这样判断看上去很无奈，特别像上面那种。

// 最常用的浏览器判断

        var Sys = {}; 

        var ua = navigator.userAgent.toLowerCase(); 

        var s; 

        (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : 

        (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : 

        (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : 

        (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : 

        (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0; 

        //以下进行测试 

        if (Sys.ie) alert('IE版本为' + Sys.ie); 

        if (Sys.firefox) alert('FF ' + Sys.firefox); 

        if (Sys.chrome) alert('Chrome: ' + Sys.chrome); 

        if (Sys.opera) alert('Opera: ' + Sys.opera); 

        if (Sys.safari) alert('Safari: ' + Sys.safari); 

// 如果判断各个版本的浏览器如下

if(Sys.ie=="6.0"){ alert("ie6 浏览器");} // ie6

// if(Sys.firefox == '3.0')这样判断浏览器看上去代码也很优雅

判断IE还有一种超简洁的做法： !-[1,] ; 返回true即为IE系列浏览器。

2.怎么从以下数组中清除第二个元素（length-1，减少一个元素）？
var array=[1,2,3];
array.splice(1,1);

下面是测试例子：

var array=[1,2,3];

array.splice(1,2);// 第一个参数是从位置，第二个参数是要删除的个数，如果第二个参数大于index后面的元素个数，返回index之前的个数。比如此时如果array.splice(1,9); 则array = [1];

array.splice(1,3,"add1","add2","add3"); 

// 如果添加上了element，第一个是要添加元素的位置，添加几个元素,并返回后面element的个数+原有个数，

如果第二个参数个数大于后面element，元素的个数为element的个数

alert(array.length+" : test");

for(var i = 0;i<array.length;i++){

alert(array[i]);

}

3.DOM是什么，怎么获取id为username的input元素？
文档对象模型(Document Object Model)
document.getElementById('username')
4.怎么让两个div左右排列？
<div style="float:left"></div>
<div style="float:right"></div>
5.AJAX是什么（是什么对象），用途是什么？
异步javascript和XML
IE:XMLHttp FF:XMLHttpRequest
异步请求，局部刷新
6.你怎么理解JSON（结构上理解），与那种数据结构(java/C/C++/C#中)相似？
JavaScript Object Notation,由keyalue键值对组成的列表
hashTable\Dictionary\map\struct
7.怎么在当前页面引用一个js文件和css文件？
<script src="1.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="1.css">
8.visibility:hidden 与 display:none 有什么区别？
两者都隐藏元素，前者占位后者不占位
9.CSS盒模型是什么样子的，由外到内顺序如何？
margin-border-padding-content
10.CSS有哪些选择器，选择器优先级从高到低顺序是什么？
id-class-tagName
11.IE与firefox 怎么给一个dom对象绑定click事件（非设置onclick属性）？
IE: obj.attachEvent('onclick',function(){});
FF: obj.addEventListener('click',function(){},false);
12.position 有哪些值，哪些是脱离文档流的？
absolute\relative\static\fixed
absolute\fixed脱离文档流
13.javascript有哪些方法能够实现继承？
1.原型链
function A(){
this.a='a';
}
function B(){
this.b='b';
}
A.prototype=new B();
A.prototype.constructor=A;
2.call、apply
B.call(new A());
3.对象冒充
function A(){
this.method=B;
this.method();
delete this.method;
}
14.怎么判断一个对象是数组类型的？
Object.prototype.toString.call(obj)==='[object Array]';
obj instanceof Array

15.有哪些方法给一个dom对象添加一个div？
1.
var div=document.createElement('div');
obj.appendChild(div);
2.
obj.innerHTML='<div></div>';