JavaScript/JQuery/Ajax要点解析

最新推荐文章于 2024-01-13 08:37:19 发布

Causalloop

最新推荐文章于 2024-01-13 08:37:19 发布

阅读量408

点赞数

文章标签： javascript jquery ajax

本文链接：https://blog.csdn.net/Causalloop/article/details/79406387

版权

1、请写一段Javascript程序，对以下程序的用户输入日期的有效性进行判断，如果格式错误就提示用户。在程序的恰当位置注明怎样调用你写的程序。日期格式为：年年年年月月日日小时，例如2003010812。
<html>
<head>
<title>NewPage1</title>
</head>
<body>
<form method="POST" action="test.php"><p>查询日期（yyyymmddhh）：<br>
从 <input type="text" name="DateFrom" size="20"><br>
到 <input type="text" name="DateTo" size="20"></p><p>
<input type="submit" value="提交" name="submit1">
<input type="reset" value="重写" name="reset1">
</p>
</form>
</body>
</html>

答：
<html>
<head>
<script type="text/javascript">
    function fun(obj){
        if(!isDate(obj.value)){
            alert("日期格式错误！");
            obj.value="";
        }
    }
    function isDate(str){
        var reg = /^(\d{4})(\d{2})(\d{2})(\d{2})$/;
        var result = str.match(reg);
        if(result == null||parseFloat(result[4])>23)return false;
        var t=result[1]+","+parseFloat(result[2])+","+parseFloat(result[3]);
        var d = new Date(result[1],result[2]-1,result[3]);
        var newStr = d.getFullYear()+","+parseFloat(d.getMonth
()+1)+","+parseFloat(d.getDate());
        return t == newStr;
    }
</script>
</head>
<form method="POST" action=""><p>查询日期(2003010812):<br>
    从<input type="text" name="DateFrom" size="20" οnblur="fun(this)"><br>
    到<input type="text" name="DateTo" size="20" οnblur="fun(this)"></p><p>
</form>
</html>

2、Java和Javascript区别在哪?
Java与JavaScript是目前比较流行的两种语言，单从表面上看，两者名称很相似，于是许多初学者容易将二者混淆，或者直接归为一类，其实不然，虽然两者有着紧密的联系，但确是两个完全不同的语言。接下来，笔者仅就她们的几个主要差别归纳起来。
一．开发厂商
众所周知，Java是SUN公司推出的程序设计语言，特别适合于Internet应用程序开发，其前身是Oak语言，而JavaScript则是NetScape公司的产品，是为了扩展NetScape Navigator功能而开发的一种可嵌入Web页面中的解释性语言，其前身是Live Script。由于Java的普及，NetScape和SUN两家公司签订合同后才将其命名为JavaScript。
二．面向对象与基于对象
Java是一种真正的纯面向对象编程语言，在Java中，一切都是对象；JavaScript是一种脚本语言，由于她本身提供了非常丰富的内部对象供程序员使用，因而它是基于对象的语言。
三．开发和运行环境的不同
若希望利用Java编写程序并使之运行，必须事先在系统内安装相应版本的JDK和JVM，保证代码能够得到编译和运行的环境；而编写JavaScript则相对简单，只需使用某种HTML文档编辑器甚至某种字符编辑器（如Notepad）即可，然后打开浏览器即可运行。
四．变量的区别
Java中使用变量在编译之前必须声明其数据类型，因而她采用的是强类型变量；JavaScript则不用在变量前声明类型，而是由解释器在运行时自动检查，所以她是弱类型变量。
五．标签的不同
利用Java写出的Applet小程序，在HTML中用<applet>……</applet>来标识；JavaScript程序在HTML中运行，其代码在<Script>……</Script>标签内。
六．解释与编译
Java源代码在执行前被编译，因而在网络应用中，必须要求客户端安装有解释平台，也就意味着Java应用不与HTML文档集成（Applet小程序例外）；JavaScript是一种解释性语言，其代码在发往客户端之前不需编译，而是将其嵌入到HTML文档中，一起发送给客户端，由浏览器解释执行。
另外，JavaScript仅是一种解释性语言，并没有复杂的语法和规则，更不支持如Java里的继承这样的性质，因此也比Java更加容易学习。

3、列举javaScript的3种主要数据类型，2种复合数据类型和2种特殊数据类型。
主要数据类型：string, boolean, number
复合数据类型：function, object

4、谈谈你的JS的理解？
JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。
2）基于对象的语言。
JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 3）简单性
JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。
4）安全性
JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。
5）动态性的
JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。
6）跨平台性
JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即可完成所有的事情。

5、ajax的优点？
使用ajax的最大优点，就是能在不更新整个页面的前提下维护数据。这使得web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。

6、简述一下ajax调试代码查找错误的方法？
这是js调试代码存在已久的问题，简单的我们可以使用浏览器提供的错误提示框，还有可以使用DW CS4提供的纠正错误，或者通过专业的插件，如firebug等

7、简述ajax中Js脚本缓存问题该如何解决？
这个问题是大家遇到最常见的问题之一，因为修改了js内容调试的时候并不能显示新写代码的结果，是因为Js为了加速页面执行，当前页面会使用缓存保持当前调用的相同的连接，为了开发时调试方便可以在连接地址后面增加一个随机函数.

8、Ajax应用和传统的web应用有何不同？
在传统的javascript中，如果想得到服务器端数据库或文件上的信息，或者发送客户端信息到服务器，需要建立一个HTML form然后Post或者get提交数据到服务端。用户需要点击submit 来发送或者接受数据信息，然后等待服务器响应请求，页面重写加载，因为服务器每次都要返回一个新的页面，所以传统的web应用有可能会很慢而且用户交互不友好。
使用ajax就可以使javascript通过XMLHttpRequest对象直接与服务器进行交互。通过HTTPRequest，一个web页面可以发送一个请求道web服务器并且接受web服务器返回的信息(不需要加载任何界面)，展示给用户的还是同一个页面，用户感觉不到页面刷新，也看不到Javascript后台进行的发送请求和接受的响应。

9、javascript的作用？
表单验证、网页特效、网页游戏

10、为什么要有jquery？
1）jQuery是JavaScript的轻量级框架，对JavaScript进行了很好的封装，很多复杂的JavaScript代码不用写了，直接调用就可以，使开发简单、高效。
2）jQuery强大的选择器封装了DOM，操作网页元素更简单了。
3）在大型JavaScript框架中，jQuery对性能的理解最好，大小不超过30KB。
4）完善的ajax有着出色的浏览器兼容性，任何浏览器使用ajax都能兼容。
5）基于jQuery开发的插件目前已经有大约数千个。开发者可使用插件来进行表单确认、图表种类、字段提示、动画、进度条等任务。

11、jQuery选择器有多少种？
基本：
$("#myELement") ID选择器
$("div")           标签选择器
$(".myClass")     类选择器
$("*")            通配符选择器
层级选择器
过滤选择器
子元素选择器
12、jquery选择器有哪些优势？
简单的写法(‘#id’)用来代替document.getElementById()。
支持css选择器。
完善的处理机制，就算写错了Id也不会报错。

13、你是如何使用jquery中的ajax的？
如果是常规的ajax程序的话，使用load()、$.get()、$.post()，一般我会使用的是$.post()方法，如果需要设定，beforeSend（提交前回调函数），error（失败后处理）,success(成功后处理)，及complete（请求完成后处理）毁掉函数等，这个时候我会使用$.ajax()

14、jquery中的$.get和$.post请求区别？
1）$.get方法使用get方法来进行一步请求，$.post是使用post方法来进行请求。
2）get请求会讲参数跟在url后进行传递，而post请求则是作为Http消息的实体.内容发送给web服务器的，这种传递是对用户不可见的。
3）get方式传输的数据大小不能超过2kb而post请求要大的多
4）get方式请求的数据会被浏览器缓存起来，因此有安全问题

15、jquery中如何操作样式的？
addClass()来追加样式，removeClass()来删除样式，toggle()来切换样式。

16、如何设置和获取HTML和文本的值？
Html()方法，类似于innerHTML属性，可以用来读取或者设置某个元素中的HTML内容，text()类似于innerText属性，可以用来读取或这是某个元素的文本内容，val()可以用来设置和获取元素的值。

17、Jquery能做些什么？
1）获取页面元素
2）修改页面的外观
3）修改页面的内容
4）响应页面的操作
5）为页面添加动态效果
6）无需刷新页面，即可从服务器获取信息
7）简化常见的javascript的任务

18、在ajax中data主要有哪几种？
html拼接、json数组、form表单经过serialize()序列化的

19、jQuery中ajax由几部分组成？
1）请求url
2）请求参数
3）请求类型，get或post
4）回调函数
5）传输类型，html或json等