zoukankan      html  css  js  c++  java
  • Html和JS的一些面试题

    Html和JavaScript部分:

    1. 判断第二个日期比第一个日期大

             如何用脚本判断用户输入的的字符串是下面的时间格式2004-11-21 必须要保证用户的输入是此格式,并且是时间,比如说月份不大于12等等,另外我需要用户输入两个,并且后一个要比前一个晚,只允许用JAVASCRIPT,请详细帮助作答,,

    //这里可用正则表达式判断提前判断一下格式,然后按下提取各时间字段内容

    1. <scripttypescripttype="text/javascript">  
    2.   
    3.          window.onload = function()  
    4.   
    5.          {  
    6.   
    7.                    //这么写是为了实现js代码与html代码的分离,当我修改js时,不能影响html代码。  
    8.   
    9.                    document.getElementById("frm1").onsubmit=   
    10.   
    11.                             function(){  
    12.   
    13.                                      var d1 =this.d1.value;  
    14.   
    15.                                      var d2 =this.d2.value;  
    16.   
    17.                                      if(!verifyDate(d1)) {alert("第一个日期格式不对");return false;}  
    18.   
    19.                                      if(!verifyDate(d2)) {alert("第二个日期格式不对");return false;}  
    20.   
    21.                                      if(!compareDate(d1,d2)){alert("第二个日期比第一日期小");return false;}                             
    22.   
    23.                             };  
    24.   
    25.                    }  
    26.   
    27.                      
    28.   
    29.                    function compareDate(d1,d2)  
    30.   
    31.                    {  
    32.   
    33.                             var arrayD1 =d1.split("-");  
    34.   
    35.                             var date1 = newDate(arrayD1[0],arrayD1[1],arrayD1[2]);  
    36.   
    37.                             var arrayD2 =d2.split("-");  
    38.   
    39.                             var date2 = newDate(arrayD2[0],arrayD2[1],arrayD2[2]);   
    40.   
    41.                             if(date1 > date2)return false;                   
    42.   
    43.                             return true;  
    44.   
    45.                    }   
    46.   
    47.                      
    48.   
    49.                    function verifyDate(d)  
    50.   
    51.                    {  
    52.   
    53.                             var datePattern =/^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;  
    54.   
    55.                             returndatePattern.test(d);  
    56.   
    57.                    }  
    58.   
    59. </script>  
    60.   
    61.    
    62.   
    63. <formidformid="frm1" action="xxx.html">  
    64.   
    65. <inputtypeinputtype="text" name="d1" />  
    66.   
    67. <inputtypeinputtype="text" name="d2" />  
    68.   
    69. <inputtypeinputtype="submit"/>  
    70.   
    71. </form>  
    <scripttype="text/javascript">
    
             window.onload = function()
    
             {
    
                       //这么写是为了实现js代码与html代码的分离,当我修改js时,不能影响html代码。
    
                       document.getElementById("frm1").onsubmit= 
    
                                function(){
    
                                         var d1 =this.d1.value;
    
                                         var d2 =this.d2.value;
    
                                         if(!verifyDate(d1)) {alert("第一个日期格式不对");return false;}
    
                                         if(!verifyDate(d2)) {alert("第二个日期格式不对");return false;}
    
                                         if(!compareDate(d1,d2)){alert("第二个日期比第一日期小");return false;}                           
    
                                };
    
                       }
    
                       
    
                       function compareDate(d1,d2)
    
                       {
    
                                var arrayD1 =d1.split("-");
    
                                var date1 = newDate(arrayD1[0],arrayD1[1],arrayD1[2]);
    
                                var arrayD2 =d2.split("-");
    
                                var date2 = newDate(arrayD2[0],arrayD2[1],arrayD2[2]); 
    
                                if(date1 > date2)return false;                 
    
                                return true;
    
                       } 
    
                       
    
                       function verifyDate(d)
    
                       {
    
                                var datePattern =/^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
    
                                returndatePattern.test(d);
    
                       }
    
    </script>
    
     
    
    <formid="frm1" action="xxx.html">
    
    <inputtype="text" name="d1" />
    
    <inputtype="text" name="d2" />
    
    <inputtype="submit"/>
    
    </form>
    


     

    1. 用table显示n条记录,每3行换一次颜色,即1,2,3用红色字体,4,5,6用绿色字体,7,8,9用红颜色字体。

    1. <body>  
    2.   
    3. <tableidtableid="tbl">  
    4.   
    5.          <tr><td>1</td></tr>  
    6.   
    7.          <tr><td>2</td></tr>  
    8.   
    9.          <tr><td>3</td></tr>  
    10.   
    11.          <tr><td>4</td></tr>  
    12.   
    13.          <tr><td>5</td></tr>  
    14.   
    15.          <tr><td>6</td></tr>  
    16.   
    17.          <tr><td>7</td></tr>  
    18.   
    19.          <tr><td>8</td></tr>  
    20.   
    21.          <tr><td>9</td></tr>  
    22.   
    23.          <tr><td>10</td></tr>  
    24.   
    25. </table>  
    26.   
    27. </body>  
    28.   
    29. <scripttypescripttype="text/javascript">  
    30.   
    31.          window.onload=function()  
    32.   
    33.                    {  
    34.   
    35.                             var tbl =document.getElementById("tbl");  
    36.   
    37.                             rows =tbl.getElementsByTagName("tr");  
    38.   
    39.                             for(i=0;i<rows.length;i++)  
    40.   
    41.                             {  
    42.   
    43.                                      var j =parseInt(i/3);  
    44.   
    45.                                      if(j%2==0)rows[i].style.backgroundColor="#f00";  
    46.   
    47.                                      else  rows[i].style.backgroundColor="#0f0";  
    48.   
    49.                             }  
    50.   
    51.                    }  
    52.   
    53. </script>  
    <body>
    
    <tableid="tbl">
    
             <tr><td>1</td></tr>
    
             <tr><td>2</td></tr>
    
             <tr><td>3</td></tr>
    
             <tr><td>4</td></tr>
    
             <tr><td>5</td></tr>
    
             <tr><td>6</td></tr>
    
             <tr><td>7</td></tr>
    
             <tr><td>8</td></tr>
    
             <tr><td>9</td></tr>
    
             <tr><td>10</td></tr>
    
    </table>
    
    </body>
    
    <scripttype="text/javascript">
    
             window.onload=function()
    
                       {
    
                                var tbl =document.getElementById("tbl");
    
                                rows =tbl.getElementsByTagName("tr");
    
                                for(i=0;i<rows.length;i++)
    
                                {
    
                                         var j =parseInt(i/3);
    
                                         if(j%2==0)rows[i].style.backgroundColor="#f00";
    
                                         else  rows[i].style.backgroundColor="#0f0";
    
                                }
    
                       }
    
    </script>
    


     

    1、HTML的 form 提交之前如何验证数值文本框的内容全部为数字? 否则的话提示用户并终止提交?

    1. <form onsubmit=’returnchkForm(this)’>  
    2.   
    3. <inputtypeinputtype="text" name="d1"/>  
    4.   
    5. <inputtypeinputtype="submit"/>  
    6.   
    7. </form>  
    8.   
    9. <script type=”text/javascript”/>     
    10.   
    11. function chkForm(this)  
    12.   
    13.          {   
    14.   
    15.                    var value = thist.d1.value;  
    16.   
    17.                    var len = value.length;  
    18.   
    19.                    for(var i=0;i<len;i++)  
    20.   
    21.                    {  
    22.   
    23.                             if(value.charAt(i)>"9"|| value.charAt(i)<"0")  
    24.   
    25.                             {  
    26.   
    27.                                      alert("含有非数字字符");  
    28.   
    29.                                      returnfalse;  
    30.   
    31.                             }  
    32.   
    33.                    }  
    34.   
    35.                    return true;  
    36.   
    37.          }  
    38.   
    39. </script>  
    <form onsubmit=’returnchkForm(this)’>
    
    <inputtype="text" name="d1"/>
    
    <inputtype="submit"/>
    
    </form>
    
    <script type=”text/javascript”/>   
    
    function chkForm(this)
    
             { 
    
                       var value = thist.d1.value;
    
                       var len = value.length;
    
                       for(var i=0;i<len;i++)
    
                       {
    
                                if(value.charAt(i)>"9"|| value.charAt(i)<"0")
    
                                {
    
                                         alert("含有非数字字符");
    
                                         returnfalse;
    
                                }
    
                       }
    
                       return true;
    
             }
    
    </script>
    


     

    2、请写出用于校验HTML文本框中输入的内容全部为数字的javascript代码

    1. <inputtype="text" id="d1" onblur=" chkNumber (this)"/>  
    2.   
    3. <script type=”text/javascript”/>     
    4.   
    5. functionchkNumber(eleText)  
    6.   
    7.    
    8.   
    9.          {   
    10.   
    11.                    var value = eleText.value;  
    12.   
    13.                    var len = value.length;  
    14.   
    15.                    for(var i=0;i<len;i++)  
    16.   
    17.                    {  
    18.   
    19.                             if(value.charAt(i)>"9"|| value.charAt(i)<"0")  
    20.   
    21.                             {  
    22.   
    23.                                      alert("含有非数字字符");  
    24.   
    25.                                      eleText.focus();  
    26.   
    27.                                      break;   
    28.   
    29.                             }  
    30.   
    31.                    }  
    32.   
    33.          }  
    34.   
    35. </script>  
    <inputtype="text" id="d1" onblur=" chkNumber (this)"/>
    
    <script type=”text/javascript”/>   
    
    functionchkNumber(eleText)
    
     
    
             { 
    
                       var value = eleText.value;
    
                       var len = value.length;
    
                       for(var i=0;i<len;i++)
    
                       {
    
                                if(value.charAt(i)>"9"|| value.charAt(i)<"0")
    
                                {
    
                                         alert("含有非数字字符");
    
                                         eleText.focus();
    
                                         break; 
    
                                }
    
                       }
    
             }
    
    </script>
    


     

    除了写完代码,还应该在网页上写出实验步骤和在代码中加入实现思路,让面试官一看就明白你的意图和检查你的结果。

    1、说说你用过那些ajax技术和框架,说说它们的区别

    答:prototype,MooTools,jQuery,ASP.NET AJAX,Ajax.NET Professional,ExtJs

  • 相关阅读:
    媒体格式分析之flv -- 基于FFMPEG
    x264源代码分析-转
    比特币的相关问题整理(详细的)
    比特币价格首超黄金 年涨幅超7600%
    比特币不是虚拟货币,这是一个真实世界----李笑来
    比特币投机者嘲笑称比特币为泡沫的人原因
    比特币:一个让投资人为之疯狂的神奇货币
    比特币沉浮录
    比特币淘金热席卷中国专业“挖矿机”受疯抢
    国内首起比特币交易平台诈骗案涉案人被捕
  • 原文地址:https://www.cnblogs.com/gxpblogs/p/3068843.html
Copyright © 2011-2022 走看看