javascript测试题.doc

html5-10班js阶段测试题1. js的几种数据类型？判断基本数据类型的操作符是什么？（6分）Number,String,Boolean,undefined,obejctTypeof答对一个得一分2. 列举你知道的JS浏览器兼容问题。（6分）写到三个以上（包含三个满分，每个两分）1 2 ie不支持ClassName取标签，非ie支持3 获取非ie窗口的scrolltop值通过document.body.scrollTop获取ie窗口的scrolltop值通过document.documentElement.scrollTop4 通过childNodes获取子节点，ie不能取到回车节点，非ie可以。5 innerText在火狐中不可用6 addEventListener 非ie支持，attachEvent ie专用7 input标签的type属性在ie中不可修改3. setTimeout()和setInterval()的区别以及使用它们需要注意的事项；（6分）一共3点，每点2分setInterval(函数,time) 从载入后,每隔指定的时间就执行一次函数(循环执行)，放控制函数外部。setTimeout(函数,time)在载入后延迟指定时间后,去执行一次函数，次数是一次，放控制函数内部。注意：1 这两种方法可能看起来非常像，而且显示的结果也会很相似，不过两者的最大区别就是，setTimeout方法不会每隔x秒钟就执行一次函数，它是在每次调用setTimeout后过x秒钟再去执行函数。这意味着如果函数的主体部分需要2秒钟执行完，那么整个函数则要每x+2秒钟才执行一次。而setInterval却没有被自己所调用的函数所束缚，它只是简单地每隔一定时间就重复执行一次那个函数。如果要求在每隔一个固定的时间间隔后就精确地执行某动作，那么最好使用setInterval，而如果不想由于连续调用产生互相干扰的问题，尤其是每次函数的调用需要繁重的计算以及很长的处理时间，那么最好使用setTimeout。2 注意及时清计时器3 setTimeout(alert(this),20)/ setInterval(alert(this),20)中this都指向window4 不能直接传参4. 字符串转化为整形的方法，整形转化为字符串的方法；（4分）1、parseInt（）、Number();2、toString（）；String（）；“”； /eval每个两分（不止这几种只列出了最常见的）toString与String区别：数值、布尔值、对象、字符串值有toString（）方法，但null和undefined值没有这个方法；String能将任何任何类型的值转换为字符串，包括null和undefined。再调用数值的toString()方法时，可传递一个参数：输出值的的基数。通过传递基数，toString()可以输出二进制、八进制、十六进制等表示的字符串。例子：var num=10;num .toString() /10num .toString(2) /1010num .toString(8) /12num .toString(16) /a5. 在团队开发中，你是如何避免JS命名冲突的？(4分)1、 闭包2、 命名空间3、 可以开发前规定命名规范，根据不同开发人员开发的功能在函数前加前缀每种2分方法，不止两种，答对两个或以上给满分6. 简述一下绑定事件的常见方法，它们有什么特点？（6分）1、在标签中绑定；2、Element.on+type=func;3、attachEvent(on+type,func);4、addEventListener(type,func,false); 执行冒泡阶段addEventListener(type,func,true); 执行捕获阶段每个1.5分7.function test()alert(this);test();var o=a;o.test = test3 =function()alert(this);o.test();test3();分别弹出什么？为什么？（8分）第一个弹window，函数中this指向window，第二个弹a，方法中的this指向对象第三个弹window，test3是一个函数；（能答出弹什么给一分，能说出原因给三分）8. var a；alert(a)会弹出什么?为什么？（4分）undefined，变量a声明了，但是未赋值；（能答出弹什么给一分，能说出原因给三分）9. var a=1;function test()a+;alert(a);var a=1;alert(a);test();/结果是多少？为什么？（6分）,第一个弹NaN，a在test（）里面找的时候，如果前面没有声明var a；那么a会自动变成var a；但是未赋值，所以是undefined，执行a+的时候会变成NaN，不是一个有效的数值；第二个弹1，因为声明了变量a=1；所以弹出1；（能答出弹什么给一分，能说出原因给2分）10. 如何创建一个新的div，并把它插入到中,又如何把它移除？（7分）Jquery:$().prependTo($(#con);$(div).remove();（能写出新建标签给2分，插入到#con中给2分，移除给3分）Js写法：Var con = document.getElementById(con);Var divs = document.CreateElement(div)con.appendChild(divs);con.removeChild(divs);11. Html代码如下1234567用js实现：点击任意div，弹出该div的下标。（7分）var divs = document.getElementsByTagName(div);for (var i=0;idivs.length;i+)divsi.onclick= test;function test()for (var i=0;idivs.length;i+)if(this = divsi)alert(i);12. JS实现如下效果：一个div的宽度从0变到100px，再从100px变回到0，如此反复。（8分）实现从0到100px给2分，如果同时实现了100px到0，给6分；var a=document.getElementById(a) ;var n=1,i=0;function run()if(n=1)x+;if(n=-1)x-;if(i = 100)n=-1;if(i =0)n=1;a.style.width=i+px;/a.style.height=i+px;t = setTimeout(run,10);run();13. 用jquery实现一个动画，一个div，宽高为200px；当鼠标放上去的时候，div缩小至宽高为0；鼠标挪走，div宽高增加至200px，然后弹出“动画完成”（6分）（每完成一部给三分）$(div).hover(function()$(div).animate(width:0,height:0);,function()$(div).animate(width:200px,height:200px,function()alert(动画完成););)14. var k;for (var i=0;i5 ;i+ )for (var j=0;j10 ;j+ )k=i+j;alert(k)/k为多少？（4分）k=13（答对值给4分）15.给你下面一段代码，请指出其中错误之处：（5分）var divs = document.getElementByTagName(div);function test(a)if (typeof a = undefined)return;divs.innerHtml=a;$(input).eq(0).value=”a”;（找出一处给1分）getElements、if判断句中用两个等号、divs是数组要加下标、innerHTML、$(input)0.value=a;16.根据注释写代码：（5分）Html代码如下：实现以下效果：现有一个空数组var a= new Array();点击第二个input标签，将第一个input标签里的填写的值插入到数组a中；var inputs=document.getElementsByTagName(input);inputs1.onclick=function()a.push(inputs0.value);17.用jquery的ajax写一个简单的效果Html代码：从/kw.php上请求到一段数据“value”:”abc”，并把它赋给input的value；（8分）inputs0.onclick=function()$.ajax(function()type:get,data:,url= /kw.php,success:function(data)var d = eval( + data + );inputs0.value=d.value;)18额外题var a=0;test();function test()var a = 6b()function b()alert(a)/弹出a是多少？为什么？（6分）答对给1分，说对为什么给5分；弹出0，方法b()的作用域是最外面的那个全局变量a，而不是test（）里面的局部变量a19额外题目:一个div宽高100，点击变大，当它的宽高等于400px开始缩小，当宽高缩小至100px时，开始放大；再次点击暂停缩小或放大，再再次点击，div继续放大或缩小；（8分）var a = document.getElementById(a);var i=0,t,n=1,count =1;a.onclick =function ()count+;if(count%2=0)t = setInterval(run,10);elseclearInterval(t);function run()if(n=1)x+;if(n=-1)x-;if(i = 300)n=-1;if(i =0)n=1;a.style.width=100+i+