推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > 猫头Tomcat > 三. html&JavaScript&ajax部分

三. html&JavaScript&ajax部分

猫头Tomcat 2018-02-06


当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放

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原生AJAXjquery封装的ajax
2. jqueryext
3. 一个轻量级和重量级的区别
6、javascript的优缺点和内置对象?

1. 1)优点:简单易用,与Java有类似的语法,可以使用任何文本编辑工具编写,只需要浏览器就
可执行程序,并且事先不用编译,逐行执行,无需进行严格的变量声明,而且内置大量现成对象
,编写少量程序可以完成目标;
2. 2)缺点:不适合开发大型应用程序;
3. 3Javascript11种内置对象:ArrayStringDateMathBooleanNumberFu
nction
GlobalErrorRegExpObject
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部分》的版权归原作者「猫头Tomcat」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注猫头Tomcat微信公众号

猫头Tomcat微信公众号:Thinking_Generation

猫头Tomcat

手机扫描上方二维码即可关注猫头Tomcat微信公众号

猫头Tomcat最新文章

精品公众号随机推荐

上一篇 >>

Flink的日志配置

下一篇 >>

HTML基本规则