zoukankan      html  css  js  c++  java

  • Html和JS的一些面试题

    Html和JavaScript部分:

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

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

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

    [html] view plaincopyprint?
    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用红颜色字体。

    [html] view plaincopyprint?
    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 提交之前如何验证数值文本框的内容全部为数字? 否则的话提示用户并终止提交?

    [html] view plaincopyprint?
    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代码

    [javascript] view plaincopyprint?
    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
  • 相关阅读:
    原型与继承
    sqlserver优化管理
    vue 错误拦截
    axios 重新发起上次请求
    vue 滚动加载数据
    el-scrollbar组件
    ES服务器优化
    Aspose 生成pdf行距的不正确的问题，行距变高
    DocumentFormat.OpenXml.dll通過word做好的模板生成word
    stm32f103 rt-thread fal easyflash移植过程
  • 原文地址：https://www.cnblogs.com/gxpblogs/p/3068843.html
Copyright © 2011-2022 走看看