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

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/gxpblogs/p/3068843.html