葵花宝典之js、ajax、dwr.doc

Javascript资料整理：2009年11月4日整理：1、javaScript与java的区别？（从它们的解释，运行等方面说） 答：第一，javascript是基于对象的，而java是面向对象，即java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。Javascript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。 第二，两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。Javascript是一种解释性编程语言，由浏览器解释执行。 第三，两种语言所采取的变量时不一样的。Java采用强类型变量检查，即所有变量在编译之前必须作声明avaScript中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运行时检查其数据类型。第四，代码格式不一样。Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那么进行装载，其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载。编写HTML文档就像编辑文本文件一样方便。 第五，嵌入方式不一样。在HTML文档中，两种编程语言的标识不同，JavaScript使用 . 来标识，而Java使用 . 来标识。2、怎么使用javascript将一个页面的一个参数传递到另外一个页面？答：可以将javaScript的数据以xxx.jsp?var1=aaa&var2=bbb的形式作为URL的参数传给JSP程序，此时在JSP中用 就可以获取到javaScript脚本传递过来的数据；参考下面的脚本： input type=hidden name=mc value= 使用JavaScript通过在表单里加入隐藏域信息，然后用表单提交的方式把数据传递给JSP程序。这个比较简单，直接在JavaScript脚本中用就可以把jsp程序中的数据传递给JavaScript脚本使用了。 参考下面的脚本： !- /* * JavaScript脚本，放置在页面中form以后的任何位置都可以 * 使用JavaScirpt获取JSP传递到页面中的变量varMC， * 然后就可以在JavaScript中使用这个变量的值，通过 * JavaScript脚本赋值给form中的隐藏域。 */ var1 = ; /获取JSP中的变量值 document.all.mc.value = var1; /- 3、使用存储过程进行分页，页面使用javaScript分页 答： 存储过程： Create procedure proc_page pageSize int = 5, pageNum int = 1 as select top(pageSize)* from users where id not in (select top(pageSize *(pageNum-1)* from users)4、请用JavaScript写出提交表单的语句表单为 frm1答: frm1.submit();5、在javascript中如何判断一个变量是否是数值型？答：判断变量是不是数字，用javascript的内置函数 isNaN()就可以了，isNaN()函数检验参数是否是一个数字，要注意的是不是数字返回true，是的话返回false。6、form表单中的控件都由那些？ 答：form表单包含单行文本输入框(text)单选按钮(radio)复选框(checkbox)重置按钮(reset)多行文本框(textarea)密码框(password)下拉列表(select)提交按钮(submit)注意：hidden属性可以设置控件是否隐藏。7、表单提交的方式有哪些？答：表单提交方式比较：l get的特点是信息暴露、长度不能超过255字节，但是速度快。l post的特点信息隐藏、长度不限，但是速度较慢。8、插入flash代码：src后面加flash路径答：9、如何将JavaScript嵌入网页？ a、使用 标签将语句嵌入文档b、将 JavaScript 源文件链接到 HTML 文档中10、JavaScript 对象有哪些？（比较重要）答：浏览器窗口：window文档； document；url地址等脚本对象： String字符串对象；Date日期对象；Math数学对象等HTML 对象： 各种HTML标签:段落；图片；超链接等11、JavaScript 事件有哪些？事件名说明onClick鼠标单击onChange 文本内容或下拉菜单中的选项发生改变onFocus 获得焦点，表示文本框等获得鼠标光标。onBlur 失去焦点，表示文本框等失去鼠标光标。onMouseOver 鼠标悬停，即鼠标停留在图片等的上方onMouseOut 鼠标移出，即离开图片等所在的区域onMouseMove鼠标移动，表示在层等上方移动onLoad 网页文档加载事件onSubmit 表单提交事件onMouseDown 鼠标按下onMouseUp 鼠标弹起12、innerHTML是用来做什么的？（innerHTML和innerTEXT 的区别）答：innerHTML可以获取或修改某个HTML标签内包含的内容(包括标签与文本)innerHTML document.getElementById(“div1”).innerHTML;13、如何使用外部 JS 文件？ 答： a、外部 JavaScript 文件可以链接到 HTML 文档中b、script 标签的 src（源文件）属性可用于包括此外部文件 19、javascript有何作用？（详细说明） 答：提供用户交互；动态更改内容；数据验证20、javascript种如何声明定义变量？ 答：用弱引用数据类型，var定义声明。如：var a；21、form中的input有哪些类型？各是做什么处理使用的？答：text，radio，checkbox，file，button，image，submit，reset，hidden。Submit是button的一个特列，也是button的一种，它把提交这个动作自动集成了。如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为，否则，将会造成提交两次的效果，对于动态网页来说，也就是对数据库操作两次。Button具有name、value属性，能触发onclick事件。Submit继承了button。Submit增加了触发表单onsubmit事件的功能、增加了执行表单的submit（）方法的功能。Input type=submit按回车提交表单Button提交的是innerTEXT。2009年11月5日整理：22、table标签中border，cellpadding td标签中colspan，rowspan分别起什么作用？答：boder 边界；cellpadding 边距 Cellpadding，是补白，是指单元格内文字与边框的距离。Cellpadding，两个单元格之间的距离Colspan跨列数Rowspan跨行数23、form中的input可以设置readonly和disable，请问这两项属性有什么区别？答：readonly不可编辑，但可以选择和复制 Disable不能编辑复制选择24、JS中的三种弹出式消息提醒（警告窗口、确认窗口、信息输入窗口）的命令是什么？（区别也会问到）答：alert，confirm，prompt 25、当点击按钮时，如何实现两个td的值互换？ 答：用javascript实现此功能。 分析： 这个题主要是考变量传值。其次是考如何取元素的值。代码如下： 无标题文档 function submitbtn() var tText1 = document.getElementById(txt1); var SubmitBtn1 = document.getElementById(submitBtn1); var tText2 = document.getElementById(txt2); var SubmitBtn2 = document.getElementById(submitBtn2); SubmitBtn1.onclick = function() var temp = tText1.value; tText1.value = tText2.value; tText2.value = temp; ; SubmitBtn2.onclick = function() var temp = tText2.value; tText2.value = tText1.value; tText1.value = temp; ;window.onload = function() submitbtn();26、如何给一个Javascript的对象属性赋值？如何取得属性值？答：一个Javascript对象的属性可以用”.”操作符或者数组方式来设置和取得：代码如下： = “IT公司面试手册”;objname = “IT公司面试手册”;取得 属性的值：var myname = ;var myname = objname;两种方法的区别是如果属性的名字如果是保留字的话，用点操作符就会报错，代码如下：obj.for = “IT公司面试手册”；因为for是保留字，所以会报错objfor = “IT公司面试手册” 就不会报错27、判断文本框内容是不是英文、中文、非中文？答：Gb2312 JS代码检查是否是中文： Function isChinese(s,msg) Var reg = /u4E00-u9FA5/g; If(reg.test(s.value) s.focus();s.select(); alert(msg?msg:改栏只能输入中文，请改正！);return false; Return true; js代码检查是否是非中文 :functionisNoChinese(s,msg) varreg=/u4E00-u9FA5|uFE30-uFFA0/gi; if(reg.test(s.value)s.select() alert(msg?msg:该栏不能输入中文及全角符号请改正！); returnfalse; returntrue; js代码检查是否是英文字 :functionisEnglish(s,msg) varreg=/a-z*$/gi if(reg.test(s.value)returntrue else alert(msg?msg:该栏目只能输入英文字符请改正); s.focus(); s.select(); returnfalse; 关于Ajax的常见面试题1， Ajax和javascript的区别？ 答：javascript是一种在浏览器端执行的脚本语言，Ajax是一种创建交互式网页应用的开发技术 ，它是利用了一系列相关的技术其中就包括javascript。 Javascript是由网景公司开发的一种脚本语言，它和sun公司的java语言是没有任何关系的，它们相似的名称只是一种行销策略。在一般的web开发中，javascript是在浏览器端执行的，我们可以用javascript控制浏览器的行为和内容。Javascript的特性： 1，控制文档的外观和内容 document.write (今天是快乐的);比如说新建一个htm文件，在里面写入上面的代码，用浏览器打开这个文件后，就会显示“今天是快乐的” function tcolor() var a = document.all.myTable.getElementsByTagName(tr); for (var i=0; ia.length; i+) ai.className = trstyle; 上面这段javascript代码的功能是将网页中所有的tr行的class样式都设为trstyle2，与HTML表单的交互 其常见的用法就是用于表单的验证 function check()var loginid = document.all.loginid.value;if(loginid = )alert(please input loginid ); Login: Password: 3,与用户的交互 Javascrip的一个重要特性就是能够定义事件处理器，既在特定的事件发生时要执行的代码，这些事件都是由用户触发的，比如说把鼠标移到一个超文本连接，单击一个按钮,页面的加载事件。 function show()var str=建议浏览器的分辨率：800x600;alert(str);show()函数将会在页面加载事件发生的时候执行文哥网络技术学习网当鼠标在“文哥网络技术学习网”上移动时，浏览器下方会出现“最棒的学习网站”或者“完毕”2，在 Ajax应用中信息是如何在浏览器和服务器之间传递的？答：通过XML数据或者字符串3， 在浏览器端如何得到服务器端响应的XML数据 答： XMLHttpRequest对象的responseXMl属性4， XMLHttpRequest对象在IE和Firefox中创建方式有没有不同？ 答： 有，IE中通过new ActiveXObject()得到，Firefox中通过new XMLHttpRequest()得到5， 介绍一下XMLHttpRequest对象的常用方法和属性（回答的越多越好）答： open(“method”,”URL”) 建立对服务器的调用，第一个参数是HTTP请求 方式可以为GET，POST或任何服务器所支持的您想调用的方式。 第二个参数是请求页面的URL。 send()方法，发送具体请求 abort()方法，停止当前请求 readyState属性 请求的状态 有5个可取值 0=未初始化 ，1=正在加载 2=以加载，3=交互中，4=完成responseText 属性 服务器的响应，表示为一个串 reponseXML 属性 服务器的响应，表示为XML status 服务器的HTTP状态码，200对应ok 400对应not found6， Ajax的优点和缺点是什么？答：使用Ajax的最大优点，就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。对应用Ajax最主要的缺点就是，它可能破坏浏览器后退按钮的正常行为因为Ajax中采用了xml技术，所以在Ajax中也可能问到XML的问题7，什么是XML？ 答：XML是扩展标记语言，能够用一系列简单的标记描述数据8， xml的解析方式 答：常用的用dom解析和sax解析。dom解析是一次性读取xml文件并将其构造为DOM对象供程序使用，优点是操作方便，但是比较耗内存。Sax是按事件驱动的方式解析的，占用内存少，但是编程复杂9，你采用的是什么框架（架包）？ 答：这题是必问的，一般也是最开始就会问到。 在java中比较流行的有 dojo, Prototype , JQuery, Dwr, extjs 等等10，如果熟悉某种ajax框架，他可能会问到怎样在程序中使用这种框架DWR框架介绍n DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).n DWR的实现原理是通过反射，将java翻译成javascript，然后利用回调机制，从而实现了javascript调用Java代码一个dwr框架使用的例子首先要将DWR.jar 的架包放到calsspath路径中其程序大概开发过程如下： 1.编写业务代码，该代码是和dwr无关的。 2.确认业务代码中哪些类、哪些方法是要由javascript直接访问的。 3.编写dwr组件，对步骤2的方法进行封装 4.配置dwr组件到dwr.xml文件中，如果有必要，配置convert，进行jav 和javascript类型互转。 5.通过反射机制，dwr将步骤4的类转换成javascript代码，提供给前台页面调用。 6.编写网页，调用步骤5的javascript中的相关方法（间接调用服务器端的相关类的方法），执行业务逻辑，将执行结果利用回调函数返回。 7.在回调函数中，得到执行结果后，可以继续编写业务逻辑的相关javascript代码。 下面以用户注册的例子，来说明其使用。（注意，本次例子只是用于演示，说明DWR的使用，类设计并不是最优的）。注 什么是回调函数 函数A调用函数B时，函数A将自己的函数地址作为一个参数传递到函数B中。函数B在运行时就可以调用函数A,那么称函数A为回调函数。 这个例子是演示的一个用户注册的例子。该例子的实现的功能为，.用户在页面上输入相关注册信息，id、name、password、email点击“提交”