java面试------JS&Jquery

JS&Jquery

一、 JavaScript基础

1、 网页中引入js的三种方式是什么？

① 使用。
③ 直接在html标签中。

2、 js数组的2种声明方式分别是什么？

① var 数组名称 = new Array( )；
② var 数组名称 = 中括号，多个用逗号隔开。

3、 js如何进行调试？

① console.log( );
② alert( );

4、 getElementXXX的方法如何用？

getElementById： 返回对拥有指定id的第一个对象的引用。
getElementsByName：返回带有指定名称的对象的集合。
getElementsByTagName：返回带有指定标签名的对象的集合。
它们是document的方法，document是window的子类。

5、 函数调用的四种方式？

① 基于页面元素事件的调用，例如鼠标点击事件。
② 普通的函数调用。
③ 基于定时函数或者Ajax产生的调用，也就是回调。
④ 如果函数放在new后面就是创建对象的调用。

6、 JavaScript有哪几种数据类型？

字符串：String; 数字：Number;
布尔： Boolean; 数组：Array;
对象: Object; 空 ：Null;
未定义: Undefined;

7、 描述全局变量和局部变量。

在函数外部声明的变量是全局变量，整个代码都能调用。
在函数内部声明的变量是局部变量，只能在声明变量的函数内部调用。
在没有var的情况下都是全局变量。
声明局部变量时必须要用var关键字来定义。

8、 列举JS中的事件，如鼠标点击事件onclick？

onMouseDown 某个鼠标按键被按下 onMouseUp 某个鼠标按键被松开
onMouseOver 鼠标移上 onMouseOut 鼠标移开
onMouseMove 鼠标经过 onKeyDown 某个键盘的键被按下
onKeyUp 某个键盘的键被松开 onKeyPress 某个键盘的键被按下或按住
onblur 元素失去焦点 onfocus 获取焦点

二、 JavaScript操作DOM对象

1、 通过原生js，怎么读写DOM树上节点对象的属性？

getAttribute(“属性名”)。
setAttribute(“属性名”,“属性值”)。

2、 通过原生JS，如何创建节点对象和删除节点对象？

createElement( tagName ) 。
removeChild( node )。

三、JavaScript面向对象

1、 在js中，如何创建自定义对象？

① var 对象名称=new Object( )。
② 通过 . 添加属性和方法。
使用字面量赋值方式创建对象。

2、 在js中，构造函数的执行步骤是什么？

① 使用new运算符，函数内部自动创建一个新对象。
② 将this绑定这个空对象。
③ 执行构造函数中的代码。
④ 函数自动return返回新对象。

3、 $(document).ready()与window.onload的区别？

① window.onload 必须等待网页所有内容加载完才$(document).ready()的DOM文档结构绘制完毕后即刻执行。②window.onload同一页面不能同时编写多个，$(document).ready()同一页面可以编写多个。
③ window.onload无简写，$(document).ready()有简写。

4、 链式操作和隐式迭代的区别？

链式操作：对相关对象执行多个操作。
隐式迭代：对多个对象执行同样的操作。

5、 描述Math.abs(x)、Math.random()、Math.round(x)函数的作用？

abs(x)： 返回数X的绝对值；
random()：返回0~1之间的随机数；
round(X)：把数X四舍五入为最接近的整数

四、JQuery选择器

1、 Jquery常见的选择器有哪些？

① 基本选择器：标签选择器、类选择器、ID选择器、并集选择器、全局选择器。
② 层次选择器：后代选择器、子选择器、相邻元素选择器、同辈元素选择器。
③ 属性选择器。
④ 过滤选择器。

2、 如何阻止事件冒泡？

事件冒泡就是当父元素和子元素存在同一事件时，在子元素的事件处理程序中会自动调用其父级元素的事件处理程序。
解决方法：
① event.stopPropagation( ); 阻止事件冒泡，不阻止默认行。
② return false；阻止事件冒泡，阻止默认行为。

五、JQuery操作DOM

1、 html()和text()方法的区别？

html( )操作的是片段代码，获取的innerHTML的值。
text( )操作的是文本内容,获取的innerTEXT的值。

2、 通过Jquery如何获取文本框用户输入的值？

先根据选择器定位对象，用val( )方法获取文本框的用户输入的值。

3、 通过Jquery如何获取和设置元素属性？

attr([name]):获取属性值。
attr({[ 属性名：属性值}):设置属性值。

4、 表单验证的思路是什么？（参考下面总结的2个环节）（重点）

第1个环节：焦点离开某个Form元素（例如：输入框）进行验证，用户可
以在输入完信息后，立即看到数据是否输入正确？
第2个环节：在数据提交环节，进行所有Form元素的验证。

5、 前后端分离的方式有哪几种？

Post方式提交、get方式提交、ajax方式实现前后端分离。

6、 如何获取当前页面的URL地址？

window.location.href;
var test = window.location.href;
alert(test);