Html和JS的一些面试题

来源：互联网发布：搜神传用哪个软件播放编辑：程序博客网时间：2024/04/19 11:10

Html和JavaScript部分:

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

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

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

<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用红颜色字体。

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

<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代码

<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