三. html&JavaScript&ajax部分
Posted 猫头Tomcat
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了三. html&JavaScript&ajax部分相关的知识，希望对你有一定的参考价值。
1. 判断第二个日期比第一个日期大
如何用脚本判断用户输入的的字符串是下面的时间格式2004-11-21 必须要保证用户的输入是此格式
，并且是时间，比如说月份不大于12等等，另外我需要用户输入两个，并且后一个要比前一个晚，只允
许用javascript，请详细帮助作答，,
//这里可用正则表达式判断提前判断一下格式，然后按下提取各时间字段内容
1. <script type="text/javascript">
2. window.onload = function()
3. {
4. //这么写是为了实现js代码与html代码的分离，当我修改js时，不能影响html
代码。
5. document.getElementById("frm1").onsubmit =
6. function(){
7. var d1 = this.d1.value;
8. var d2 = this.d2.value;
9. if(!verifyDate (d1)) {alert("第一个日期格式不对");return fa
lse;}
10. if(!verifyDate (d2)) {alert("第二个日期格式不对");return fa
lse;}
11. if(!compareDate(d1,d2)) {alert("第二个日期比第一日期小");re
turn false;}
12. };
13. }
14.
15. function compareDate(d1,d2)
16. {
17. var arrayD1 = d1.split("-");
18. var date1 = new Date(arrayD1[0],arrayD1[1],arrayD1[2]);
19. var arrayD2 = d2.split("-");
20. var date2 = new Date(arrayD2[0],arrayD2[1],arrayD2[2]);
21. if(date1 > date2) return false;
22. return true;
23. }
24.
25. function verifyDate(d)
26. {
27. var datePattern = /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-
2]\d|3[0-1])$/;
28. return datePattern.test(d);
29. }
30. </script>
31.
32. <form id="frm1" action="xxx.html">
33. <input type="text" name="d1" />
34. <input type="text" name="d2" />
35. <input type="submit"/>
36. </form>
2. 用table显示n条记录，每3行换一次颜色，即1，2，3用红色字体，4，5，6用绿色字体，7，8，9用红颜色字体。1. <body>
2. <table id="tbl">
3. <tr><td>1</td></tr>
4. <tr><td>2</td></tr>
5. <tr><td>3</td></tr>
6. <tr><td>4</td></tr>
7. <tr><td>5</td></tr>
8. <tr><td>6</td></tr>
9. <tr><td>7</td></tr>
10. <tr><td>8</td></tr>
11. <tr><td>9</td></tr>
12. <tr><td>10</td></tr>
13. </table>
14. </body>
15. <script type="text/javascript">
16. window.onload=function()
17. {
18. var tbl = document.getElementById("tbl");
19. rows = tbl.getElementsByTagName("tr");
20. for(i=0;i<rows.length;i++)
21. {
22. var j = parseInt(i/3);
23. if(j%2==0){
24. rows[i].style.backgroundColor="#f00";
25. }else{
26. rows[i].style.backgroundColor="#0f0";
27. }
28. }
29. }
30. </script>
3、HTML 的 form 提交之前如何验证数值文本框的内容全部为数字? 否则的话提示用户并终止提交?
1. <form onsubmit="return chkForm(this)">
2. <input type="text" name="d1"/>
3. <input type="submit"/>
4. </form>
5. <script type=”text/javascript” />
6. function chkForm(this)
7. {
8. var value = thist.d1.value;
9. var len = value.length;
10. for(var i=0;i<len;i++)
11. {
12. if(value.charAt(i)>"9" || value.charAt(i)<"0")
13. {
14. alert("含有非数字字符");
15. return false;
16. }
17. }
18. return true;
19. }
20. </script>
4、请写出用于校验HTML文本框中输入的内容全部为数字的javascript代码
1. <input type="text" id="d1" onblur=" chkNumber (this)"/>
2. <script type=”text/javascript” />
3. function chkNumber(eleText)
4. {
5. var value = eleText.value;
6. var len = value.length;
7. for(var i=0;i<len;i++)
8. {
9. if(value.charAt(i)>"9" || value.charAt(i)<"0")
10. {
11. alert("含有非数字字符");
12. eleText.focus();
13. break;
14. }
15. }
16. }
17. </script>
除了写完代码，还应该在网页上写出实验步骤和在代码中加入实现思路，让面试官一看就明白
你的意图和检查你的结果。
5、说说你用过那些ajax技术和框架，说说它们的区别
1. js原生AJAX、jquery封装的ajax
2. jquery、ext
3. 一个轻量级和重量级的区别
6、javascript的优缺点和内置对象？
1. 1）优点：简单易用，与Java有类似的语法，可以使用任何文本编辑工具编写，只需要浏览器就
可执行程序，并且事先不用编译，逐行执行，无需进行严格的变量声明，而且内置大量现成对象
，编写少量程序可以完成目标；
2. 2）缺点：不适合开发大型应用程序；
3. 3）Javascript有11种内置对象：Array、String、Date、Math、Boolean、Number、Fu
nction、Global、Error、RegExp、Object。
7、javascript怎样选中一个checkbox，怎样设置它无效？1. document.all.cb[0].disabled = true;
8、form中的input可以设置为readonly和disable，请问2者有什么区别？
1. readonly不可编辑，但可以选择和复制；值可以传递到后台
2. disabled不能编辑，不能复制，不能选择；值不可以传递到后台
9、js中的3种弹出式消息提醒（警告窗口，确认窗口，信息输入窗口）的命令式什么？
1. alert：警告窗口
2. confirm：确认窗口
3. prompt：信息输入窗口
10、列举javaScript的3种主要数据类型，2种复合数据类型和2种特殊数据类型。
1. 主要数据类型：String, boolean, number
2. 复合数据类型：function, Object
11、写出函数DateDemo的返回结果，系统时间假定为今天1. function DateDemo(){
2. var d, s="今天日期是：";
3. d = new Date();
4. s += d.getMonth() + "/";
5. s += d.getDate() + "/";
6. s += d.getYear();
7. return s;
8. }
结果：今天日期是：6/17/2017
12、你是如何测试JavaScript代码的？
结合自己的项目经验进行讲述。（chrome使用技巧：F12）
以上是关于三. html&JavaScript&ajax部分的主要内容，如果未能解决你的问题，请参考以下文章