web前端题目集锦

来源：互联网发布：linux内核开发流程编辑：程序博客网时间：2024/04/30 16:14

<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>js数组逆序</title><meta name="description" content=""><meta name="keywords" content=""><link href="css/style.css" rel="stylesheet"></head><body>    <script type="text/javascript">        //1、球k的值       /* for(var i= 0,j=0;i<10,j<6;i++,j++) {                k=i+j; //k=10        }*/       //2、编写一个方法 求一个字符串的字节长度       /* function getBytes(str) {            var len=str.length,                 bytes=len,                    i=0;            for(;i<len;i++){                if(str.charCodeAt(i)>255)bytes++;//大于255则是中文            }            return bytes;        }        alert(getBytes("wu吴哲12345"));*/        //3、阻止事件冒泡       /* function stoppropagation(e){            var e=e||window.event;                if(e.stopPropagation){                    e.stopPropagation()                }            else {                    e.cancelBUbble=true;                }        }        window.onclick=function(){            alert("window事件");        }        document.onclick=function(e){            stoppropagation(e);            alert("document事件");        }*/        //4、写出程序运行的结果        /*for(var i= 0,j=0;j<10,j<6;i++,j++) {                k=i+j;                console.log(k);        }        console.log("k:"+k);*/        //5、当单击第5个input时，显示的数字是多少        for(var i=0;i<10;i++){            var input=document.createElement("input");            input.type="button";            input.value="按钮"+(i+1);  //不管点击的是哪个按钮，结果都是10            input.onclick=function(){alert(i)};            document.body.appendChild(input);        }       //6、javascript中如何判断一个变量的类型         6.1、使用typeof检测(number,string,boolean,null,undefined)         6.2、使用instanceof检测         6.3、使用constructor检测         6.4、使用Object.prototype.toString.call检测              Object.prototype.toString.call(num)              Object.prototype.toString.call(str),              Object.prototype.toString.call(bool),               Object.prototype.toString.call(arr),               Object.prototype.toString.call(json),              Object.prototype.toString.call(func),              Object.prototype.toString.call(und),                  Object.prototype.toString.call(nul),              Object.prototype.toString.call(date),              Object.prototype.toString.call(reg),             Object.prototype.toString.call(error)             '[object Number]' '[object String]' '[object Boolean]' '[object Array]' '[object Object] '[object Function]' '[object Undefined]' '[object Null]' '[object Date]' '[object RegExp]' '[object Error]'    //7、引入样式表的方法有几种      7.1、内联样式表           <p style="font-size: 24px">www.jb51.net</p>   //7.2、嵌入式样式表         <style type="text/css"></style>http://write.blog.csdn.net/postedit/51357538   //7.3、外链式         <link rel="stylesheet" href="">  //7.4、导入式       @import url("style.css");    //8、AJAX有几种提交方式，分别描述一下?      ajax有两种提交数据的方式，分别为get和post。post方法可传输大于2K的数据,在Ajax里的应用不同之处在于:      "post方法的请求地址与传输的数据是放在两个对象里—-请求地址放在open对象里,传输的数据放在send对象里；http://write.blog.csdn.net/postedit/51357538      并且在传输数据之前定义一个传输文件HTTP头信息(setRequestHeader)"      <pre style="background-color:#ffffff; color:#000000; font-family:'宋体'; font-size:10.5pt"><pre style="background-color:#ffffff; color:#000000; font-family:'宋体'; font-size:10.5pt">   //9、常见的HTTP状态码以及它们的含义      9.1、2XX状态码       1、200：服务器已成功处理了请求并提供了请求的网页       2、204：服务器成功处理了请求，但没有返回任何内容     9.2、3XX状态码：每次请求中使用重定向不要超过5次       1、301：请求的网页已永久移动到新位置。当URLS发生变化时，使用301代码。搜索引擎索引中保存新的URL       2、302：请求的网页临时移动到新位置。搜索引擎索引中保存原来的URL。       3、304：如果网页自请求者上次请求后没有更新，则用304代码告诉搜索引擎机器人，可节省带宽和开销     9.3、4XX状态码       1、400：服务器不理解请求的语法。       2、403： 服务器拒绝请求       3、404：服务器找不到请求的网页。服务器上不存在的网页经常会返回此代码。       4、410：请求的资源永久删除后，服务器返回此响应。该代码与404(未找到)代码相似，但在资源以前存在而现在不存在的情况下，有时用代替               404页面代码。如果资源已永久删除，应当使用301指定资源的心位置。    9.4、5XX状态码：表示服务器在处理请求时发生内部错误。这些错误可能是服务器本身的错误，而不是请求的错误。       1、500：服务器遇到错误，无法完成请求。       2、503：服务器目前无法使用(由于超载或停机维护)。        10，写出3个使用this的典型应用

（1）在html元素事件属性中使用，如<pre class=" xml" title="" name="code">    <input type=”button” onclick=”showInfo(this);” value=”点击一下”/>（2）构造函数    function Animal(name, color) {       this.name = name;       this.color = color;    }（3）事件绑定    <input type="button" id="text" value="点击一下" />    <script type="text/javascript">    var btn = document.getElementById("text");    btn.onclick = function() {    alert(this.value); //此处的this是按钮元素   }     </script> /*11、 为了保证页面输出安全，我们经常需要对一些特殊的字进行转义，请写一个函数escapeHtml    将<,>,&,"进行转义*/     function escapeHtml (str) {      return str.replace(/[<>&"]/g,function(match){//match是匹配到的字符串         switch(match){            case "<":                  return "<";                  break;            case ">":                  return ">";                  break;                       case "&":                  return "&";                  break;            case "\"":                  return """;                      break;         }           });  }   var str = "<wuzhe>a<a\"bb";      document.write(escapeHtml(str));

//12、<span style="white-space:pre"></span>var f = function g(){<span style="white-space:pre"></span>return 23;<span style="white-space:pre"></span>}  // var result12 = typeof g();   console.log(result12); //g是在一个新的临时的词法作用域里,外部作用域是访问不到的  //13、   var y = 1,       x = y = typeof x;<span style="white-space:pre"></span>   console.log(x);  //14、  var result14 = (function f(f){<span style="white-space:pre"></span>return typeof f();  })(function(){ return 1;});  console.log(result14);  //15、  var f = (<span style="white-space:pre"></span>  function(){<span style="white-space:pre"></span>return '1';<span style="white-space:pre"></span>  },<span style="white-space:pre"></span>  function (){<span style="white-space:pre"></span>return 2;<span style="white-space:pre"></span>  }  )(); //返回最后一个匿名函数的返回值 var result2 = typeof f;//f = 2 console.log(result2);//number *///16、 var x = [typeof x,typeof y][1]; console.log(typeof typeof x); console.log(typeof y); //17、var s = (function f(){    function f() {<span style="white-space:pre"></span>return 1;<span style="white-space:pre"></span>}    return f();<span style="white-space:pre"></span>function f() {<span style="white-space:pre"></span>return 2;<span style="white-space:pre"></span>}; })(); console.log(s);  //18、 function f() {<span style="white-space:pre"></span> this.name = "吴哲";   return f; } var s = new f();console.log( s === f);//true,f()的返回值就是f函数本身，所以s也是f的一个副本//19、var s =(function(){  return typeof arguments;})();console.log(s);// object//20、var x = 1;if (function f(){}) {  x += typeof f;}console.log(x);//1undefined/*说明：if (function f(){}) 是if (Boolean(function f(){})的隐私写法，所以 f是Boolean函数调用的闭包内的变量，外部当然访问不到*/

21、var a = {n: 1};var b = a; //b={n: 1}a.x = a ={n: 2};//a ={n: 2} b={n:1,x:{n: 2}}console.log(a.x);//undefinedconsole.log(b.x);//n:2

0 0