前端笔试题总结---持续更新
写在前面：。。。。
1字符串逆序
function reverse(str){ return str.split("").reverse().join("");//直接用函数 var str1="";//从后向前输出 for(var i=str.length-1;i>=0;i--){ str1+=str[i]; } return str1; var len=str.length;//字符串原地逆序 for(var i=0;i<len;i++){ str[i]=str[len-1-i]; } return str; }
2弹出对话框提示当前选中的是第几个单选框
<input type="radio" name="radioGroup" onclick="foo()"/> <input type="radio" name="radioGroup" onclick="foo()"/> <input type="radio" name="radioGroup" onclick="foo()"/> <input type="radio" name="radioGroup" onclick="foo()"/> <input type="radio" name="radioGroup" onclick="foo()"/>
function foo(){ var reg=document.getElementsByName("radioGroup"); //获取一组有相同名称的单选框dom对象 for(var i=0;i<reg.length;i++){ if(reg[i].checked){ alert("第"+(i+1)+"单选框"); } } }
3求y和z 的值是多少？
var x = 1; var y = 0; var z = 0; function add(n){n=n+1;} y = add(x); //alert(y); function add(n){n=n+3;} z = add(x); //alert(z);
//题目分析，此题的陷阱在于函数都没有返回值。所以赋值后都是undefined。若给函数都加上return，其结果都将变成4，这是因为后面同名称的函数会覆盖前面一个。
4如何获取表单<select>(下拉列表)域的选择部分的文本和value值？
<select size="1" onchange="sel(this)"> <option value="a">1</option> <option value="b">2</option> <option value="c">3</option> </select>
function sel(obj){ var obj=document.getElementsByTagName("select"); //select下是一个options数组，拥有change事件的还有text和textarea alert("文本为："+obj.options[obj.selectedIndex].text); alert("值为："+obj.options[obj.selectedIndex].value); }
5javascript怎样选中一个checkbox，怎样设置它无效和不能选择？
function check(){ var obj=document.getElementsByName("cb1"); for(var i=0;i<obj.length;i++){ obj[i].checked="true";//某一个选中 obj[i].disabled="true";//选择失效 }
6全选(或者全不选)的所有指定名称的checkbox
function option(state,name){ var obj=document.getElementsByName("name"); for(var i=0;i<obj.length;i++){ obj[i].checked=state; } }
7全选(或者全不选)的所有的checkbox
function selectAll(state){ var obj=document.getElementsByTagName("input"){//获取所有的input标签对象 for(var i=0;i<obj.length;i++){ if(obj[i].type="checkbox"){//过滤出我们需要的checkbox类型 obj[i].checked=state; } } } }
8全选指定值(可能有多个值,以逗号分隔)的checkbox
function select(value,name){ var obj=document.getElementsByName("name"){ var values=value.split(",")//把字符串转化为数组 for(var i=0;i<values.length;i++){ for(var j=0;j<obj.length;j++){ if(obj[j].value==values[i]){//对每一个指定的值做判断 obj[j].checked=true; } } } } }
9补充按钮事件的函数，确认用户是否退出当前页面，确认之后关闭窗口；
function confirm(){ if(confirm("确认退出?")){ window.close(); } }
10 写出简单描述html标签（不带属性的开始标签和结束标签）的正则表达式，并将以下字符串中的html标签去除掉
var str = "<div>这里是div<p>里面的段落</p></div>";
function replaceReg(str){ var reg = /<\/?\w+\/?>/gi;//这里\/是转义/防止与正则表达式的结束符冲突，后面的问号是可选（起始标签和结束标签），后面的可选是匹配单标签<br/>等。这是个全局匹配，标签部分大小写 alert(str.replace(reg,""));//字符串替换函数 }
11将文档中className有“test”的td标签背景色设为黄色
var obj=document.getElementsByTagName("td"); for(var i=0;i<obj.length;i++){ if(obj[i].className.indexOf("test")!=-1){ obj[i].style.backgroundColor="yellow"; } }
12用javascript实现控制一个文本框的输入字数限制，超出字数限制文本框边框飘红显示
var oInput=document.getElementById("a"); oInput.onkeyup=function(){ this.style.border=this.value.length>5?"1px solid red":""; }
13让文本输入框的宽度随着里面的内容多少自动伸缩自适应
var oInput = document.getElementById("autoInput"); var sSize = oInput.getAttribute("size"); oInput.onkeydown = function(){ var sInputValue = oInput.value; if(sInputValue === "" || sInputValue.length <= sSize || sInputValue.length > 60){ return; } else{ oInput.setAttribute("size",sInputValue.length); } }
14使用Javascript打印出1-10000之间的所有素数
function sushu(num){ var flag=true; for(var i=2;i<num;i++){ if(num%i==0){ flag=false; break; } } return flag; } var arr=[1] for(var i=3;i<=1000;i++){ var k=sushu(i); if(k){ arr.push(i); } }
15 我们把一个数字倒着读和原数字相同的数字称之为对称数，（例如1,121,88,8998），不考虑性能，请找出1—10000之间的对称数
function duichen(num){ var flag=false; var str=num.toString(); var str1=""; for(var i=str.length-1;i>=0;i--){ str1+=str[i]; } if(str==str1){ flag=true; }else{ flag=false; } return flag; } alert(duichen(121)); var arr=[]; for(var i=1;i<=1000;i++){ var k=duichen(i); if(k){ arr.push(i); } }
16setTimeout调用函数
var obj=function(msg){ this.msg=msg; this.shout=function(){ alert(this.msg); } this.waitAndShout=function(){ //每隔五秒调用上面的shout方法 var self=this; //由于setTimeout是全局方法，其this指向window,用that保存当前的执行上下文 setTimeout(function(){ self.shout(); },1000) } }
17把字符串转化为JSON对象
var str="haha=123&hehe=234&key=456"; var arr=str.split("&"); var obj={}; for(var i=0;i<arr.length;i++){ var arr1=arr[i].split("="); obj[arr1[0]]=arr1[1]; }
18在匿名函数中调用自身，例如实现阶乘
var a=(function (num){ if(num==1){ return 1; }else{ return num*arguments.callee(num-1)//调用函数自身 } })(5);
19截取字符串abcdefg的efg
var str="abcdefg"; if(/efg/.test(str)){ var str1=str.slice(str.indexOf("efg")) ; //字符串切割用slice。获取子字符串在源字符串中的位置用indexOf }
20判断一个字符串中出现次数最多的字符，统计这个次数
var str="abcdefgacda"; function findMax(str){ var obj={}; for(var i=0;i<str.length;i++){ if(!obj[str[i]]){ obj[str[i]]=1; }else{ obj[str[i]]+=1; } } var max=0; var s; for(var key in obj){ if(obj[key]>max){ max=obj[key]; s=key; } } var str="字符是："+s+"频率是："+max; alert(str); }
21去除数组中的重复元素
function unique(a){ var obj={}; var result=[]; for(var i=0;i<a.length;i++){ if(!obj[a[i]]){ obj[a[i]]=1; result.push(a[i]); } } alert(result); }
22简单实现js中继承
function Animal(name){ this.name=name;//共有属性 } Animal.prototype.getName=function(){ alert(this.name); } function Dog(name,age){ Animal.call(this,name);//继承属性 this.age=age;//自己的方法 } Dog.prototype=new Animal(); Dog.prototype.contructor=Dog; Dog.prototype.getAge=function(){ alert(this.age);//自己的方法 } var xiaogou=new Dog("xiao",21); xiaogou.getName(); xiaogou.getAge();
24FF要实现outerHTML还需要特殊处理
function getOutHtml(id){ var el=document.getElementById("id"); var oDiv=document.createElement("div"); var htm=el.cloneNode(true); oDiv.appendChild("htm"); var result=oDiv.innerHTML; document.removeChild("oDiv"); }
