前端笔试题总结---持续更新

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;
}

<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)+"单选框");
        }
    }
}

 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，这是因为后面同名称的函数会覆盖前面一个。

  <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);
    }

function check(){
    var obj=document.getElementsByName("cb1");
    for(var i=0;i<obj.length;i++){
        obj[i].checked="true";//某一个选中
        obj[i].disabled="true";//选择失效
    }

function option(state,name){
    var obj=document.getElementsByName("name");
    for(var i=0;i<obj.length;i++){
        obj[i].checked=state;
    }
}

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;
            }
        }
    }
}

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;
                }
            }
        }
    }
}

function confirm(){
    if(confirm("确认退出?")){
        window.close();
    }
}

function replaceReg(str){
    var reg = /<\/?\w+\/?>/gi;//这里\/是转义/防止与正则表达式的结束符冲突，后面的问号是可选（起始标签和结束标签），后面的可选是匹配单标签<br/>等。这是个全局匹配，标签部分大小写
      alert(str.replace(reg,""));//字符串替换函数
}

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";
        }
    }    

var oInput=document.getElementById("a");
oInput.onkeyup=function(){
    this.style.border=this.value.length>5?"1px solid red":"";
}

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); } 
}