JS答辩习题

 

php高中班javascript答辩题目

 

1 什么是javascript？

 答：Javascript是一种专门设计用来增强网页交互性的脚本语言，它也是一种解释型语言。

2 Javascript与C语言的不同？

 答：Javascript是一种弱类型的语言，并且是解释型语言。

3 Javascript能做什么？

 答：通过javascript我们可以对HTML元素进行编程控制，包括增加、删除、修改元素以及元素属性等能力；可以在HTML网页中放入动态文本；响应用户在使用网页时的事件；用于校验用户输入的数据；检测访问者的浏览器；用于创建cookies（cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。）

4 Javascript整个体系包含哪些内容？

 答：Javascript核心语言定义，原生对象和内置对象，浏览器对象模型BOM，文档对象模型DOM，事件处理模型。

5 Javascript的数据类型有哪些？分别举例说明？

 答：原始数据类型和引用数据类型；原始数据类型中又分为：Undefined，Null，Boolean，Number和 String；引用数据类型——对象。

6 Javascript中数据类型相互转化的函数？列举

 答：转化为字符串值可以用toString( )方法，转化为数字值可以用parseInt( )和parseFloat( )方法（只能是String类型的转换），Boolean（value）转化为Boolean类型，Number（value）转换为数字,String（value）转换为字符串；

7 把javascript写入到页面中的方式？

 答：外联：script：src，标签内，body结束标记前，超链接的href中

8 Javascript中怎么创建一个数组？

 答：var  arr = new Array（）

var  arr=[ ];

9 Js中怎么给数组添加一个新的值

 答：arr.push(value, ...),添加一个或多个值到数组尾部

10 Js中删除数组中的所有值最简单的方法

 答：arr.length = 0;

11 Js中删除数组的第一个元素的方法

 答：arr.splice(0，1)

12 Js中删除数组的最后一个元素的方法

 答：arr.length=arr.length-1;

13 Js中怎么获取当前时间？

 答：var myDate = new Date( );

myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)

14 Js中怎么获取当前年份、月份和日期

 答：var myDate = new Date( );

myDate.getFullYear(); //获取完整的年份(4位,1970-????)

myDate.getMonth(); //获取当前月份(0-11,0代表1月)

myDate.getDate(); //获取当前日(1-31)

 

15 javascript的事件流指的是什么?

  答：事件的顺序、用户或浏览器操纵网页、用户点击按钮都是事件流

16 Js中事件处理方式有哪2种？有什么区别？

 答：传统/现代事件处理程序指派方法，传统：添加新函数会将原本的函数覆盖，但所有浏览器都支持；现代：新函数在原函数之后执行，但有浏览器不兼容性的问题；

17 Js现代事件处理方式中，怎么针对老版本的浏览器做兼容性处理？

答：

If(document.addEventListener){

[object].addEventListener(“事件名称”，函数名，true/false)     //DOM

}else if(document.attachEvent){

[object].aattachEvent(“事件名称”，函数名，true/false)     //   IE

}

 

18 Js的事件对象Event中包含哪些信息内容（可以获取哪些信息内容）

答：件发生时的特定信息：触发实践的对象、事件发生时的鼠标信息、事件发生时的键盘信息

19 事件的类型有哪3种？

 答：鼠标类型、键盘类型、html类型

20 列举键盘事件，并说明各自的区别

   答：keydown:按下一个键时发生；keypress:按下一个字符键时发生；keyup:释放按键时发生

21 列举鼠标事件，并说明区别

 答：click:点击鼠标左键； dblclick：双击鼠标左键； mousedown：点击鼠标；mouseup：释放鼠标按钮； mouseout：鼠标移出元素范围；  mouseover：鼠标移入元素范围； mousemove：鼠标在元素上，重复发生mousemove事件

22 列举常见的HTML事件，并说明各自触发条件

  答：load:页面加载完毕； onload：关闭页面； select：文本框中，选择一到多个字符； change：文本框中，修改内容并失去焦点触发。在select中，修改内容触发 ；focus：获得焦点； blur：失去焦点

23 Change事件和blur事件的区别

 答：change:修改文本值后失焦触发；blur：失焦触发

24 什么是bom?它有什么作用

答：浏览器对象模型，提供独立于内容而与浏览器窗口交互的对象，主要处理窗口和框架

25 Bom下面包含哪些对象

答：window对象 、document对象（文档对象）、location对象（地址栏）、navigator 对象（浏览器）、screen对象（屏幕对象）、history对象（历史）

26 通过Bom下面的文档对象（document），可以获取到页面哪些元素集合？

 答：anchors ：页面所有锚点集合；applets：所有applets集合； embeds：所有嵌入式对象的集合； forms：所有表单集合； images：所有图像集合； links：所有链接集合

27 怎么使用bom获取当前页面宽度和高度

答：

网页可见区域宽：document.body.offsetWidth (包括边线的宽)；网页可见区域宽：document.body.offsetHeight(包括边线的宽)

28 使用js怎么弹出一个新窗口，使用哪个函数方法，参数有哪些？

答：window.open()，四个参数：要载入新窗口页面的URL，新窗口名字，特性字符串、说明是否用新载入的页面替换当前载入的页面的Boolean值。一般不用最后一个参数，用于只存在调用window.open()而不打开新窗口

 

29 叙述时间间隔与暂停的使用，函数方法名称以及参数等

答：时间暂停：setTimeout('function',time):

第一个参数可以是代码串，也是可以函数指针，第二个参数是暂停时间（秒）。

时间间隔：setInterval()就是时间间隔表示在某段时间内不停的去执行一行代码，除了停止它否则会一直执行下去，这就是与setTimeout()不同之处，一个是暂停多少秒后执行一次，而setInterval()是一直执行。

30 History历史对象

答：包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

31 Navigator对象有什么用途

答：Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。

虽然这个对象的名称显而易见的是 Netscape 的 Navigator 浏览器，但其他实现了 JavaScript 的浏览器也支持这个对象。

Navigator 对象的实例是唯一的，可以用 Window 对象的 navigator 属性来引用它。

32 Location对象有什么用途

答：包含有关当前 URL 的信息。

Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。

33 Dom是什么？它有什么作用

答：DOM是W3C（万维网联盟）的标准。DOM定义了访问HTML和XML文档的标准：

"W3C文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。"

Dom中常见的节点类型

元素节点 属性节点 文本节点 文档节点

34 Dom中怎么获取节点的名称？文本节点的名称是什么？

答：获取节点名称的语法：nodeObject.nodeName

35 怎么获取一个元素下面的所有的子元素节点集合？

答：var chils= node.childNodes; //得到全部子节点

36 怎么获取第一个子元素？最后一个子元素？前一个兄弟节点？下一个兄弟节点？

答：/第一个子元素节点alert(alle[0].nodeName);

//最后一个子元素节点alert(alle[alle.length-1].nodeName);  

37 Dom中怎么添加/删除一个子元素？

答：添加元素：.append()——在目标元素之后添加元素；

.prepend()——在目标元素之前添加元素；

.after()——在目标元素之后换行添加元素；

.before()——在目标元素之前添加元素，并使目标元素换行

38 如果快速获取页面中的一个元素？什么函数方法？

 答：all方法：document.all("age")

    getElementById方法：document.getElementByIdx_x("age")

    getElementsByName方法：document.getElementsByName("age")

    getElementsByTagName方法：document.getElementsByTagName_r("input")

    form1方法：document.form1.age

    eval方法：eval_r("document.form1.age")

39 使用innerHTML属性时需要注意什么

答：注意table表和下拉列表框

40 使用dom怎么操作样式

答：getPropertyValue(propertyName) -- 返回CSS属性的属性值的字符串值。

2. getPropertyPriority() -- 如果CSS属性规则指定了"！import",则返回字符串 "!import",否则返回空字符串。

3. item(index) -- 返回指定索引的CSS属性名称。

4. removeProperty(propertyName) -- 从CSS定义中删除propertyName。

5. setProperty(propertyName,value,priority) -- 设置CSS属性propertyName为value 以及给定的优先级。

 

41 说出能想到的获取页面的form表单的方式   

答：document.getelementbyid(“form”)

document.forms[0]

document.froms[“from’]

Document.getelementbyname(“form”)

42 怎么样进行表单提交？

答：input type=”submit ”

Form.sbmit();

Onclick=”document.form.submit”

43 怎么样获取表单元素文本框的值？

答：value

44 表单中的onsubmit事件什么情况下起作用和不起作用？

答：点击提交按钮时起效，返回false是失效

45 怎么获取或者设置下拉框选项的值?

答：

var sectArr = document.getElementByTagName(“SELECT”).childNodes

for(i=0;i<sectArr.length;i++){

if( sectArr[i].nodeName=”option”){

alert(sectArr[i].value);

}

}

46 怎么给下拉框添加新的选择项？

答：Add（下拉框名，“选项的显示文本”，“选项的值”）

 

47 怎么获取被选中的复选框的值？

 答：var allinput = document.getElementByTagName(“INPUT”);

for(i=0;i<allinput .length;i++){

if(allinput[i].getAttribute(checked)){

alert(allinput[i].value);

}

}

48 怎么设置一组单选按钮只能有一个能被选中？

答： 设置该组的name名一致即可

49 怎么获取下拉框中被选中项的文字内容

答： var allOp= document.getElementByTagName(“OPTION”);

for(i=0;i<allOp .length;i++){

if(allOp[i].getAttribute(checked)){

alert(allOp[i].innerHTML);

}

}

 

50 怎么设置按钮为不可用状态？

答：oinp.setAttribute(“disabled”,“disabled”);

51 什么是正则表达式？

答：描述复杂规则的字符串的工具。换句话说，正则表达式就是记录文本规则的代码。

 

52 怎么创建一个正则表达式对象？

答：

Var regex=new RegExp(“\\d{5}”)

Var regex=/\d{5}/

 

53 正则表达式中 *、？、+分别代表什么意思？

答：

*：出现零次或连续多次    ？：出现零次或一次    +：一次或多次

54 正则表达式中\d、\D、\b、\B分别代表什么意思

答：\d:0-9的数字  \D:除了0-9数字其他的   \b:目标字符串的开头或结尾的两个边界之一

\D:匹配对象必须位于目标字符串的开头和结尾两个边界之内，

55 正则表达式中小数点代表什么意思？如果想显示小数点该怎么做？

答：用于匹配除换行符之外的所有字符. 显示： \.

56 正则表达式对象的test方法怎么使用？

答：正则表达式.test(匹配字符串)

var  zhengze=/^ ac$/;

var didi=”db”;

If(zhengze.test(didi)){

}

57 js 中 2+"2" 结果是什么？为什么是这样的结果？

答：结果是“22”，因为字符串拼接的优先级最高。

58 js 中 true + true 结果是多少

答：2

59 js中  3/0的结果是什么？

答：infinity

60 Js中 33/22的结果是多少？

答：1.5

61 怎么让js中小数的运算结果只保留小数点后面2位

答：toFixed(2)

62 Js中怎么获取随机数字？

答：Math.random()

63 截取字符串中前10个字符该怎么做？

答：string.substring(from, to)

64 判断字符串中是否包含”af”字符串组合，该怎么做？

答：Regexp=/af/;

   string.match(regexp)

65 什么是jquery？

答：jQuery 是一个“写的更少，但做的更多”的轻量级 JavaScript 库。

66 怎么将页面上的dom元素对象转换为jquery对象

答：dom1=$(“dom”);

67 怎么将获取到的jquery对象转换为dom元素对象

答：jquery1=get(jquery);

68 Jquery选择器定位到页面上的第二个div元素

答：$(“#div:first + div”);

69 Jquery获取页面上第一个div元素下面的所有的超链接子元素

答：$(“#div:first >a [href]”);

70 Jquery 的循环函数each    

答：以每一个匹配的元素作为上下文来执行一个函数。

意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整型）。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。

71 Jquery获取数组的长度

答：length属性和size（）方法

72 Jquery获取或设置div元素中的值

答：$(“div”).children([expr]).value（/html( )/text()）

73 Jquery获取页面元素的class属性

答：Node(节点). attr(“class”)

74 Jquery设置或获取元素的css样式

答：Node(节点). css(“样式”， ”样式值“)

 Node(节点). css({“样式”： ”样式值“,“样式2”： ”样式值2“})

75 Jquery获取页面所有表单元素?

答：$(“form:input”)

76 Jquery获取指定id为form1的表单下面的所有的表单元素

答：$(“#form1:input”)

77 Jquery的预加载函数

答：$(document).ready(function(){函数体})；或简写为$(function(){函数体})；

78 Jquery的动画效果hide/show   slideup/slidedown  fadeout/fadein  animate

答：hide/show 隐藏和显示，参数有([speed,[easing],[fn]])分别代表：预定速度，切换效果（默认是swing，还可选择为linner，前者是匀加速显示，后者是匀速显示），动画完成时执行的函数；

slideup/slidedown 滑动显示和滑动隐藏，参数有([speed,[easing],[fn]])；

animate是自定义动画， 参数有([params，speed,[easing],[fn]])；  params:一组包含作为动画属性和终值的样式属性和及其值的集合（属性值没有引号）

 

 

79 parseInt("333.33")   parseFloat("333.33"?)计算结果

答：333与333.33

80 2+3*"2.x"  结果为？

答：NAN

81  代码 a="";b=0; 请问下面的运算结果a===b? "真的":"假的";

答：假的