2016年前端js笔试题和答案
javascript笔试题及答案
javascript笔试题及答案### JavaScript 笔试题及答案#### 题目一：数组去重问题描述：给定一个数组，编写一个函数来移除数组中的所有重复元素，只保留唯一的元素。
代码实现：```javascriptfunction uniqueArray(arr) {return [...new Set(arr)];}// 测试console.log(uniqueArray([1, 2, 2, 3, 4, 4, 5])); // 输出: [1, 2, 3, 4, 5]```#### 题目二：深拷贝对象问题描述：编写一个函数来实现对象的深拷贝，确保拷贝后的属性和原对象的属性是独立的。
代码实现：```javascriptfunction deepClone(obj) {if (obj === null || typeof obj !== 'object') {return obj;}let cloneObj = Array.isArray(obj) ? [] : {};for (let key in obj) {if (obj.hasOwnProperty(key)) {cloneObj[key] = deepClone(obj[key]);}}return cloneObj;}// 测试let original = { a: 1, b: { c: 2 } };let copied = deepClone(original);copied.b.c = 3;console.log(original.b.c); // 输出: 2```#### 题目三：实现 Promise.all问题描述：实现一个函数，该函数接受一个 Promise 数组作为参数，并返回一个新的 Promise，当所有输入的 Promise 都成功时，返回的 Promise 将被解决。
代码实现：```javascriptfunction customPromiseAll(promises) {return new Promise((resolve, reject) => {let resolvedCount = 0;let result = [];promises.forEach((promise, index) => {promise.then(value => {result[index] = value;resolvedCount++;if (resolvedCount === promises.length) {resolve(result);}}).catch(reject);});});}// 测试customPromiseAll([Promise.resolve(1), Promise.resolve(2), Promise.resolve(3)]).then(console.log); // 输出: [1, 2, 3]```#### 题目四：计算斐波那契数列问题描述：编写一个函数来计算斐波那契数列的第 n 项。
javascript考试题及答案
javascript考试题及答案1. 以下哪个选项是JavaScript中正确的数据类型？A. 字符串B. 整数C. 布尔值D. 所有选项都是答案：D2. JavaScript中，以下哪个关键字用于声明一个函数？A. functionB. defC. varD. let答案：A3. 在JavaScript中，以下哪个方法用于将字符串转换为小写？A. toUpperCase()B. toLowerCase()C. toCamelCase()D. toSnakeCase()答案：B4. 以下哪个JavaScript对象用于处理日期和时间？A. DateB. TimeC. DateTimeD. Moment答案：A5. 在JavaScript中，以下哪个方法用于获取数组中最后一个元素？A. last()B. first()C. pop()D. slice(-1)答案：D6. 以下哪个JavaScript语句用于创建一个新的空对象？A. {}B. new Object()C. new ObjectD. obj()答案：A7. 在JavaScript中，以下哪个运算符用于比较两个值是否相等？A. ==B. ===C. !=D. !==答案：B8. 以下哪个JavaScript函数用于检查一个值是否为数组？A. Array.isArray()B. isObject()C. isArray()D. isFunction()答案：A9. 在JavaScript中，以下哪个方法用于将数组连接成字符串，并以逗号分隔？A. join()B. concat()C. toString()D. split()答案：A10. 以下哪个JavaScript关键字用于声明一个全局变量？A. varB. letC. constD. global答案：A。
《JavaScript前端开发程序设计》考试试卷
A.obj.age=20 B.obj[“age”]=20 C.obj.”age”=20 D. obj={age:20}
19.以下关于DOM节点对象的论述中，哪个不正确_______
A.文档节点的nodeName属性返回#document
D.循环体内可以是空语句，即循环体内只出现一个分号（；）
10.在JavaScript函数的常规定义格式中，可以省略的是_______
A.函数名B.指明函数的一对圆括号C.函数体D.函数参数
11.在JavaScript中，定义函数时可以使用_______个参数
A. 0 B. 1 C. 2 D.任意
12.在JavaScript中，可以使用下面的_______运算符访问对象的属性和方法
4.在JavaScript中，任何函数都是Function对象。
5.若p是某个HTML元素对象的引用，则属性访问p.innertext和p.outerText将返回相同的内容。
6.在JavaScript中，除了属性和方法之外，事件也是对象的的重要组成部分。
7.在动态绑定事件时，可以将字符串形式的JavaScript代码直接赋值给对象的事件属性。
2.使用Math对象的randrom()方法编制一个产生0-100之间（含0、100）随机整数的函数
3.为页面设计一个超链接，单击该超链接将打开一个小窗口显示当前时间
4.设计一个含有一个表单，可以让用户输入姓名、年龄、职业，并编写程序对年龄进行有效性检验（即16<=年龄<=40），数据合格后提交表单。
3.通过简图描述一下DOM树。
4.简述一下面向对象的特征。
5.什么是事件、事件绑定有哪几方式。
js考试题及答案
js考试题及答案1. 以下哪个是JavaScript中的全局对象？A. windowB. documentC. navigatorD. history答案：A2. JavaScript中，如何声明一个变量？A. var variableName = 'value';B. variableName = 'value';C. let variableName = 'value';D. Both A and C答案：D3. JavaScript中，以下哪个是正确的函数声明方式？A. function myFunction() {}B. var myFunction = function() {};C. Both A and BD. None of the above答案：C4. 以下哪个不是JavaScript中的原始数据类型？A. NumberB. StringC. ObjectD. Boolean答案：C5. 以下哪个语句用于在JavaScript中创建一个数组？A. var colors = "red", "green", "blue";B. var colors = ['red', 'green', 'blue'];C. var colors = new Array("red", "green", "blue");D. All of the above答案：D6. 在JavaScript中，如何将字符串转换为小写？A. str.toLowerCase();B. str.toLower();C. str.lowerCase();D. str.toLowercase();答案：A7. 以下哪个是JavaScript中的事件冒泡？A. 事件从最具体的元素开始，然后逐级向上传播到较为不具体的节点。
JAVASCRIPT笔试题参考整理(答案)
A. 20 B. 18 C. 14 D. 12 正确答案为：B 第 3 题. 下面对于 JavaScript 中的单选按扭（Radio）的说法正确的是（）。 （选择两项） A. 单选按钮可以通过单击“选种”和“未选中”选项来进行切换 B. 单选按钮没有 checked 属性 C. 单选按钮支持 onClick 事件 D. 单选按钮的 Length 属性返回一个选项组中单选项的个数 正确答案为：AC 第 4 题. 下面哪个选项中的对象与浏览列表有关() A. location,history B. window,location C. navigator,window D. historylist,location 正确答案为：A 第 5 题. 下列（）标记符属性为布尔属性（即只需要指定属性的存在，而不用指定其值的 标记符属性）。（选择一项）
A. <input type="text" onChange="alert(this.value)"> B. <input type="text" onClick="alert(this.value)"> C. <input type="text" onChange="alert(text.value)"> D. <input type="text" onClick="alert(value)"> 正确答案为：A 第 23 题. window 对象的 open 方法返回的是() A. 没有返回值 B. boolean 类型，表示当前窗口是否打开成功 C. 返回打开新窗口的对象 D. 返回 int 类型的值，开启窗口的个数 正确答案为：C 第 24 题. 分析下面的 JavaScript 代码段： function employee(name,code) { ="wangli"; this.code="A001"; } newemp=new employee("zhangming",'A002'); document.write("雇员姓名:"+ + "<br>"); document.write("雇员代号:"+ newemp.code +"<br>");
前端开发笔试题及答案
前端开发笔试题及答案### 前端开发笔试题及答案#### 一、选择题1. 下列哪个不是HTML5的新特性？- A. 语义化标签- B. 地理位置- C. 表单控件- D. 内联框架（iframe）答案： D2. CSS3中，以下哪个属性用于实现圆角效果？- A. `border-radius`- B. `border-style`- C. `border-color`- D. `border-width`答案： A3. JavaScript中，以下哪个方法用于获取数组中的最大值？ - A. `Math.max()`- B. `Array.max()`- C. `Array.maxValue()`- D. `Math.maxValue()`答案： A#### 二、简答题1. 解释什么是跨域请求，并说明如何解决跨域问题。
跨域请求指的是浏览器在执行Ajax请求时，由于同源策略的限制，不能向与当前页面不同源的服务器发送请求。
解决跨域问题的方法有： - JSONP：通过动态创建`<script>`标签，利用其不受同源策略限制的特性来获取数据。
- CORS：服务器端设置响应头`Access-Control-Allow-Origin`，允许特定的源访问资源。
- 代理服务器：在同源的服务器上设置代理，由代理服务器向目标服务器发送请求，再将结果返回给前端。
2. 描述一下事件冒泡和事件捕获的区别。
事件冒泡是指事件从最具体的元素（事件目标）开始，逐级向上传播到较为不具体的节点（文档）。
事件捕获则是事件从最不具体的节点（文档）开始，逐步向下传播到最具体的节点（事件目标）。
事件冒泡是默认的事件处理机制，而事件捕获可以通过设置`addEventListener`的第三个参数为`true`来启用。
#### 三、编程题1. 编写一个JavaScript函数，实现数组去重的功能。
```javascriptfunction uniqueArray(arr) {return [...new Set(arr)];}```2. 编写一个HTML和CSS代码片段，创建一个简单的响应式导航栏。
2016前端面试题第一套含答案
1)下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度a.display:inlineb.display:nonec.display:blockd.display:inherit2)css属性overflow属性定义溢出元素内容区的内容会如何处理。
如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。
TrueFalse3)新窗口打开网页，用到以下哪个值（）。
a._selfb._blankc. _topd. _parent4)下面有关jquery事件的响应，描述错误的是？a.onclick 鼠标点击某个对象b.onfocus 元素失去焦点c.onload 是某个页面的css js html 文档结构和图像被完成加载d.onmousedown 某个鼠标按键被按下5)元素的alt和title有什么异同，选出正确的说法？不同的浏览器，表现一样a.alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字b.alt和title同时设置的时候，title作为图片的替代文字出现，alt是图片的解释文字c.以上说法都不正确6)下列js可以让一个input的背景颜色变成红色的是？7)下面有关html5标签说法错误的有？a.<audio> 标签定义声音，比如音乐或其他音频流b.<canvas> 比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。
亦或是来自其他外部源内容c.<menu> 标签定义菜单列表。
当希望列出表单控件时使用该标签d.<command> 标签定义命令按钮，比如单选按钮、复选框或按钮8)下述有关css属性position的属性值的描述，说法错误的是？a.static：没有定位，元素出现在正常的流中b.fixed：生成绝对定位的元素，相对于父元素进行定位c.relative：生成相对定位的元素，相对于元素本身正常位置进行定位。
javascript笔试题及答案
javascript笔试题及答案1. 以下哪些是JavaScript中的数据类型？- A. 字符串- B. 数组- C. 对象- D. 函数- E. 所有以上答案：E2. 如何在JavaScript中声明一个变量？- A. var- B. let- C. const- D. 所有以上答案：D3. 以下哪个方法可以用来检测一个变量是否为数组类型？ - A. Array.isArray()- B. typeof- C. instanceof- D. 所有以上答案：A4. JavaScript中，以下哪个关键字用于创建一个函数？ - A. function- B. def- C. fn- D. 以上都不是答案：A5. 在JavaScript中，以下哪个操作符用于比较两个值是否相等？ - A. ==- B. ===- C. =- D. 以上都不是答案：B6. 以下哪个方法可以用来将一个数组转换为字符串？- A. join()- B. toString()- C. split()- D. 所有以上答案：D7. 在JavaScript中，如何获取当前日期和时间？- A. new Date()- B. Date.now()- C. Date()- D. 所有以上答案：A8. 以下哪个方法可以用来遍历数组中的所有元素？- A. forEach()- B. map()- C. filter()- D. 所有以上答案：A9. 如何在JavaScript中创建一个空对象？- A. {}- B. []- C. new Object()- D. 所有以上答案：A10. 在JavaScript中，以下哪个方法可以用来删除数组中的最后一个元素？- A. pop()- B. shift()- C. splice()- D. 所有以上答案：A。
js 考试题及答案
js 考试题及答案**JS 考试题及答案**一、选择题（每题2分，共20分）1. JavaScript中用于获取当前日期的函数是哪一个？A. `new Date()`B. `getDate()`C. `getToday()`D. `getCurrentDate()`**答案：A**2. 下列哪个是JavaScript中的全局对象？A. `window`B. `document`C. `navigator`D. 以上都是**答案：D**3. JavaScript中，用于定义函数的关键字是？A. `function`B. `def`C. `func`D. `declare`**答案：A**4. 在JavaScript中，如何将字符串转换为小写？A. `toLowerCase()`B. `toUpperCase()`C. `toLower()`D. `toUpper()`**答案：A**5. 下列哪个不是JavaScript的内置对象？A. `Array`B. `Object`C. `String`D. `Vector`**答案：D**6. JavaScript中，用于创建一个新数组的语法是什么？A. `new Array()`B. `Array()`C. `new Array`D. `[]`**答案：D**7. 在JavaScript中，`==`和`===`有什么区别？A. `==`是严格等于，`===`是非严格等于B. `==`是非严格等于，`===`是严格等于C. 两者没有区别D. `==`是类型转换比较，`===`是值比较**答案：B**8. 下列哪个不是JavaScript中的事件类型？A. `click`B. `mouseover`C. `onload`D. `keypress`**答案：C**9. 在JavaScript中，如何判断一个变量是否为数组？A. `typeof arr === 'array'`B. `Array.isArray(arr)`C. `arr instanceof Array`D. 以上都是**答案：C**10. 下列哪个是JavaScript中的异步编程模式？A. PromiseB. CallbackC. GeneratorD. 以上都是**答案：D**二、填空题（每题3分，共15分）1. JavaScript中，`typeof`运算符用于获取变量的____。
前端笔试题及答案
前端笔试题及答案1. HTML/CSS 题目1.1 请解释HTML5中的语义化标签有哪些，并给出至少3个例子。
答案：HTML5中的语义化标签用于定义文档的结构，常见的语义化标签包括`<header>`、`<footer>`、`<article>`、`<section>`、`<nav>`、`<aside>`等。
其中，`<header>`用于定义文档或区段的页眉；`<footer>`用于定义文档或区段的页脚；`<article>`用于定义独立的内容区块。
1.2 CSS选择器有哪些类型？答案：CSS选择器主要有以下类型：- 标签选择器：如`div`、`p`、`span`等。
- 类选择器：如`.className`。
- ID选择器：如`#idName`。
- 属性选择器：如`[type="text"]`。
- 伪类选择器：如`:hover`、`:active`、`:nth-child(n)`等。
- 伪元素选择器：如`::before`、`::after`等。
2. JavaScript 题目2.1 解释JavaScript中的闭包是什么，并给出一个示例。
答案：闭包是一个函数和声明该函数的词法环境的组合。
闭包允许函数访问其定义时的作用域链，即使在其外部调用时。
示例如下：```javascriptfunction outerFunction() {var outerVariable = 'I am outer';function innerFunction() {console.log(outerVariable);}return innerFunction;}var inner = outerFunction();inner(); // 输出：I am outer```2.2 如何在JavaScript中实现深拷贝？答案：实现深拷贝的方法有多种，可以使用递归函数、JSON方法、结构赋值（Object.assign）等。
(完整版)javascript笔试题参考整理(答案)(可编辑修改word版)
第1 题. 在IE 中要想获得当前窗口的位置可以使用window 对象的()方法A.windowXB.screenXC.screenLeftD.windowLeft正确答案为：C第2 题. 分析下面的JavaScript 代码段a=new Array(2,3,4,5,6);sum=0;输出结果是().(选择一项)for(i=1;i<a.length;i++ )sum +=a[i];document.write(sum);A.20B.18C.14D.12正确答案为：B第3 题. 下面对于JavaScript 中的单选按扭（Radio）的说法正确的是（）。
（选择两项）A.单选按钮可以通过单击“选种”和“未选中”选项来进行切换B.单选按钮没有checked 属性C.单选按钮支持onClick 事件D.单选按钮的Length 属性返回一个选项组中单选项的个数正确答案为：AC第4 题. 下面哪个选项中的对象与浏览列表有关()A.location,historyB.window,locationC.navigator,windowD.historylist,location正确答案为：A第5 题. 下列（）标记符属性为布尔属性（即只需要指定属性的存在，而不用指定其值的标记符属性）。
（选择一项）A.noshadeB.widthC.boldD.size正确答案为：A第6 题. 在某一页面下载时，要自动显示出另一页面，可通过在<body>中使用下边的哪一事件来完成（）。
（选择一项）A.onloadB.onunloadC.onclickD.onchange正确答案为：A第7 题. 在HTML 中，Location 对象的()属性用于设置或检索URL 的端口号。
（选择一项）A.hostnameB.hostC.pathnameD.href正确答案为：B第8 题. 下面哪个选项中的对象与浏览列表有关()A.location,historyB.window,locationC.navigator,windowD.historylist,location正确答案为：A第9 题. 下列JavaScript 语句中，（）能实现单击一个按钮时弹出一个消息框。
前端面试题(2016含答案)精华版
2016前端面试题1)下列哪个样式定义后,联(非块状)元素可以定义宽度和高度a.display:inlineb.display:nonec.display:blockd.display:inherit2)新窗口打开网页，用到以下哪个值（）。
a._selfb._blankc._topd._parent3)下面有关jquery事件的响应，描述错误的是？a.onclick 鼠标点击某个对象b.onfocus 元素失去焦点c.onload 是某个页面的css js html 文档结构和图像被完成加载d.onmousedown 某个鼠标按键被按下4)元素的alt和title有什么异同，选出正确的说法？不同的浏览器，表现一样a.alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字b.alt和title同时设置的时候，title作为图片的替代文字出现，alt是图片的解释文字c.以上说法都不正确5)下列js可以让一个input的背景颜色变成红色的是？6)下面有关html5标签说法错误的有？a.<audio> 标签定义声音，比如音乐或其他音频流b.<canvas> 比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。
亦或是来自其他外部源容c.<menu> 标签定义菜单列表。
当希望列出表单控件时使用该标签d.<command> 标签定义命令按钮，比如单选按钮、复选框或按钮7)下述有关css属性position的属性值的描述，说法错误的是？a.static：没有定位，元素出现在正常的流中b.fixed：生成绝对定位的元素，相对于父元素进行定位c.relative：生成相对定位的元素，相对于元素本身正常位置进行定位。
d.absolute：生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位。
js考试题目及答案
js考试题目及答案一、选择题（每题2分，共10分）1. JavaScript中，以下哪个是正确的变量声明方式？A. var name = "Kimi"B. name = "Kimi"C. var = "Kimi"D. var name = Kimi答案：A2. 在JavaScript中，以下哪个是正确的函数声明？A. function myFunction() {}B. function() myFunction() {}C. myFunction() {}D. function myFunction() myFunction() {}答案：A3. 以下哪个是JavaScript中的全局对象？A. windowB. documentC. navigatorD. All of the above答案：D4. JavaScript中，以下哪个是正确的数组声明方式？A. var colors = "red", "green", "blue";B. var colors = ["red", "green", "blue"];C. var colors = new Array("red", "green", "blue");D. Both B and C答案：D5. 在JavaScript中，以下哪个方法用于将字符串转换为小写？A. toUpperCase()B. toLowerCase()C. toUpperCase()D. Both A and B答案：B二、填空题（每题2分，共10分）1. JavaScript是一种____语言，主要用于增强网页的交互性。
答案：脚本2. 在JavaScript中，____运算符用于将两个或多个字符串连接起来。
前端笔试题整理（附答案）
前端笔试题整理（附答案）单选题1.下面哪个不是javascript关键字BA withB parentC classD void2.html中的元素可分为块级(block)元素和行内(inline)元素,下列哪些元素都是块级元素()。
AA.div、ul、p、form、bB.a、p、div、strong、emC.span、ul、li、b、strongD.span、div、ul、li、a3.浮动会导致页面的非正常显示，以下几种清除浮动的方法，哪个是不推荐使用？（C）A.在浮动元素末尾添加一个空的标签例如B.通过设置父元素overflow值为hidden；C.父元素也设置浮动D.给父元素添加clearfix类4.当用户打开一个网页时，想一直停留在当前打开的页面，禁止页面前进和后退，以下正确的是（AD）A.window.history.forward(1);B.window.history.back(1);C.window.history.go(-1);D.window.history.forward(-1);5.Var str1=new RegExp("e");document.write(str1.exec("hello"));以上代码输出结果为（A）A..eB.nullC.1D.其他几项都不对6.使用CSS的flexbox布局，不能实现以下哪一个效果：DA.三列布局，随容器宽度等宽弹性伸缩B.多列布局，每列的高度按内容最高的一列等高C.三列布局，左列宽度像素数确定，中、右列随容器宽度等宽弹性伸缩D.多个宽高不等的元素，实现无缝瀑布流布局6.以下关于canvas 说法正确的是：DA、clearRect(width, height,left, top)清除宽为width、高为height,左上角顶点在(left, 点的矩形区域内的所有内容。
B、drawImage()方法有4 中原型C、fillT ext()第3 个参数maxWidth 为可选参数D、fillText()方法能够在画布中绘制字符串7.下面哪个配置文件是java web必须有的（A）A.application.xmlB.config.xmlC.web.xmlD.context.xml8.var num1=2,var num2=4,consol.log(2^4) cA.16B.8C.6D.2多选题1.哪些方法可以提高网站的性能？ABCDA)减少http请求数量B)资源合并和压缩C)将外部脚本置底D)懒加载2..下面不属于JavaScript的基本数据类型的是(BC)A.StringB.FunctionC.IntegerD.undefined。
【最新】Web前端开发笔试题(Javascript篇)-推荐word版 (5页)
//(1)对象继承方法
Function Animal(name) {
This.nme = name;
}
Animal.prototype.getName = function() {alert()}
Dog.prototype = new Animal("Buddy");
Dog.prototype.constructor = Dog;
var dog = new Dog();
FF下面实现outerHTML
FF不支持outerHTML，要实现outerHTML还需要特殊处理
思路如下：
在页面中添加一个新的元素A，克隆一份需要获取outerHTML的元素，将这个元素append到新的A中，然后获取A的innerHTML就可以了。
max_key = key;
}
}
alert("max:"+max+" max_key:"+max_key);
IE与FF脚本兼容性问题
(1) window.event：
表示当前的事件对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象
(2) 获取事件源
IE用srcElement获取事件源，而FF用target获取事件源
FF：不可以
这里只列出了常见的，还有不少，就不一一列出了….
规避javascript多人开发函数重名问题
(1) 可以开发前规定命名规范，根据不同开发人员开发的功能在函数前加前缀
(2) 将每个开发人员的函数封装到类中，调用的时候就调用类的函数，即使函数重名只要类名不重复就okjavascript面向对象源自继承实现(3) 添加，去除事件
Javascript笔试题及答案
onclick="window.location='new.html';"/> C. <input type="button" value="new"
9. 关于正则表达式声明 6 位数字的邮编，以下代码正确的是（ C ） A. var reg = /\d6/; B. var reg = \d{6}\; C. var reg = /\d{6}/; D. var reg = new RegExp("\d{6}");
10. 关于 JavaScript 里的 xml 处理，以下说明正确的是（ ACD ） A. Xml 是种可扩展标记语言，格式更规范，是作为未来 html 的替代 B. Xml 一般用于传输和存储数据，是对 html 的补充，两者的目的不同 C. 在 JavaScript 里解析和处理 xml 数据时，因为浏览器的不同，其做法也不同 D. 在 IE 浏览器里处理 xml，首先需要创建 ActiveXObject 对象
} }
2
8. 在表单(form1)中有一个文本框元素(fname)，用于输入电话号码，格式如：010-82668155， 要求前 3 位是 010，紧接一个“-”，后面是 8 位数字。要求在提交表单时，根据上述条 件验证该文本框中输入内容的有效性，下列语句中，（ A ）能正确实现以上功能 A. var str= form1.fname.value; if(str.substr(0,4)!="010-" || str.substr(4).length!=8 || isNaN(parseFloat(str.substr(4)))) alert("无效的电话号码！"); B. var str= form1.fname.value; if(str.substr(0,4)!="010-" && str.substr(4).length!=8 && isNaN(parseFloat(str.substr(4)))) alert("无效的电话号码！"); C. var str= form1.fname.value; if(str.substr(0,3)!="010-" || str.substr(3).length!=8 || isNaN(parseFloat(str.substr(3)))) alert("无效的电话号码！"); D. var str= form1.fname.value; if(str.substr(0,4)!="010-" && str.substr(4).length!=8 && !isNaN(parseFloat(str.substr(4)))) alert("无效的电话号码！");
前端Js笔试题及答案
前端Js笔试题及答案一、选择题1. 在JavaScript中，以下哪个选项是正确的？A. 变量声明时必须初始化B. 函数声明和函数表达式都可以提升C. 只有全局变量可以提升D. 函数声明可以提升，函数表达式不可以答案：B2. 下列哪个选项不是JavaScript的原始数据类型？A. NumberB. StringC. ObjectD. Boolean答案：C3. 以下哪个方法可以用来获取一个数组中的最大值？A. max()B. sort()C. indexOf()D. reduce()答案：D二、填空题1. 在JavaScript中，使用________关键字可以创建一个全局变量。
答案：var2. 使用________方法可以将一个数组的所有元素连接成一个字符串。
答案：join3. JavaScript中的________对象用于存储和操作日期。
答案：Date三、简答题1. 请解释JavaScript中的闭包是什么？答案：闭包是指一个函数能够访问其定义时的作用域链，即使在其定义的作用域外执行时仍然可以访问。
2. 请描述JavaScript中的原型继承机制。
答案：JavaScript中的原型继承机制是基于原型链的。
每个对象都有一个原型对象，对象可以通过原型链访问其原型对象的属性和方法。
四、编程题1. 编写一个JavaScript函数，接收一个数组作为参数，返回数组中所有偶数的和。
答案：```javascriptfunction sumEvenNumbers(arr) {return arr.reduce((accumulator, currentValue) => {return currentValue % 2 === 0 ? accumulator + currentValue : accumulator;}, 0);}```2. 编写一个JavaScript函数，实现一个简单的深拷贝功能。
javascript笔试题及答案
javascript笔试题及答案JavaScript笔试题及答案一、单选题（每题2分，共10分）1. JavaScript中，以下哪个是合法的变量名？A. 2variableB. variable-nameC. $variableD. undefined答案：B2. 下列哪个是JavaScript中的全局对象？A. StringB. MathC. ObjectD. Array答案：B3. 在JavaScript中，以下哪个语句可以正确地将字符串转换为数字？A. parseInt("123")B. parseFloat("123.45")C. Number("123.45")D. 以上都是答案：D4. 以下哪个不是JavaScript的内置对象？A. DateB. JSONC. FunctionD. Set答案：C5. 以下哪个属性可以用来获取或设置HTML元素的样式？A. styleB. classC. idD. innerHTML答案：A二、多选题（每题3分，共15分）6. JavaScript中，以下哪些是数据类型的关键字？A. varB. letC. constD. function答案：ABC7. 在JavaScript中，以下哪些是循环结构？A. forB. whileC. do-whileD. switch8. 以下哪些是JavaScript中的错误类型？A. SyntaxErrorB. TypeErrorC. ReferenceErrorD. Warning答案：ABC9. 以下哪些是JavaScript中的对象方法？A. toString()B. valueOf()C. hasOwnProperty()D. isPrototypeOf()答案：ABCD10. 以下哪些是JavaScript中常用的数组方法？A. push()B. pop()C. shift()D. unshift()答案：ABCD三、判断题（每题1分，共5分）11. JavaScript是弱类型语言。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
前端笔试题_答案
1，C。
内联元素加上display：block;后被块级化。
块级元素一般是其他元素的
宽度(width)高度(height)起作用。
因此，可以定义其宽度和高度。
,2，TRUE。
参数是scroll时候，必会出现滚动条。
参数是auto时候，子元素内容大于父元素时出现滚动条。
参数是visible时候，溢出的内容出现在父元素之外。
参数是hidden时候，溢出隐藏。
,
3，选B。
在html中通过<a>标签打开一个链接，通过 <a> 标签的target 属性规定在何处打开链接文档。
如果在标签<a>中写入target属性，则浏览器会根据target的属性值去打开与其命名或名称相符的框架<frame>或者窗口.
在target中还存在四个保留的属性值如下，
属性值
4，选b。
onfocus 获得焦点onblur 失去焦点
5，A
这两个属性是有些重复了。
在不同浏览器里面表现有些不同。
在alt和title 同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字。
6，A
#0000 是不正确的写法，至少要为六位，应该是#FF0000
A写法是正确的，有两种写法：
document.getElementById("input").style.backgroundColor = "red"; inputElement.style.backgroundColor = "#FF0000";
7，
B
这里考察HTML标签的使用：
<audio> 标签定义声音，比如音乐或其他音频流。
A正确。
<canvas> 标签定义图形，比如图表和其他图像。
<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。
B错误，<article>标签定义外部的内容。
比如来自一个外部的新闻提供者的一篇新的文章，或者来自blog 的文本，或者是来自论坛的文本。
亦或是来自其他外部源内容。
<menu> 标签定义命令的列表或菜单。
<menu> 标签用于上下文菜单、工具栏以及用于列出表单控件和命令。
C正确
command 元素表示用户能够调用的命令。
<command> 标签可以定义命令按钮，比如单选按钮、复选框或按钮。
只有当command 元素位于menu 元素内时，该元素才是可见的。
否则不会显示这个元素，但是可以用它规定键盘快捷键。
D正确。
8，B
static
元素框正常生成。
块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
relative
元素框偏移某个距离。
元素仍保持其未定位前的形状，它原本所占的空间仍保留。
absolute
元素框从文档流完全删除，并相对于其包含块定位。
包含块可能是文档中的另一个元素或者是初始包含块。
元素原先在正常文档流中所占的空间会关闭，就
好像元素原来不存在一样。
元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
fixed
元素框的表现类似于将position 设置为absolute，不过其包含块是视窗本身。
9，A正确;
B是关键字；
C有空格；
D开头为数字；
第一个字符必须是一个ASCII 字母（大小写均可），或一个下划线(_)。
注意第一个字符不能是数字。
后续的字符必须是字母、数字或下划线。
变量名称一定不能是保留字。
10，B；
call（）方法和apply（）方法的作用相同，他们的区别在于接收参数的方式不同。
对于call（），第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。
（在使用call（）方法时，传递给函数的参数必须逐个列举出来。
使用apply（）时，传递给函数的是参数数组）如下代码做出解释：
function add(c, d){
return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34
十一，5 b是全局变量。
十二，undefined 和2。
十三，答案是Aurelio De Rosa和John Doe
十四，0 1 0
十五，2 1
十六
（1）、<!DOCTYPE> 声明位于文档中的最前面，处于<html> 标签之前。
告知浏览器的解析器，用什么文档类型规范来解析这个文档。
（2）、严格模式的排版和JS 运作模式是以该浏览器支持的最高标准运行。
（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。
模拟老式浏览器的行为以防止站点无法工作。
（4）、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
十七
* 1.id选择器（# myid）
2.类选择器（.myclassname）
3.标签选择器（div, h1, p）
4.相邻选择器（h1 + p）
5.子选择器（ul < li）
6.后代选择器（li a）
7.通配符选择器（* ）
8.属性选择器（a[rel = "external"]）
9.伪类选择器（a: hover, li: nth - child）
* 可继承：font-size font-family color, UL LI DL DD DT;
* 不可继承：border padding margin width height ;
* 优先级就近原则，样式定义最近者为准;
* 载入样式以最后载入的定位为准;
优先级为:
!important > id > class > tag
important 比内联优先级高
CSS3新增伪类举例：
p:first-of-type 选择属于其父元素的首个<p> 元素的每个<p> 元素。
p:last-of-type 选择属于其父元素的最后<p> 元素的每个<p> 元素。
p:only-of-type 选择属于其父元素唯一的<p> 元素的每个<p> 元素。
p:only-child 选择属于其父元素的唯一子元素的每个<p> 元素。
p:nth-child(2) 选择属于其父元素的第二个子元素的每个<p> 元素。
:enabled、:disabled 控制表单控件的禁用状态。
:checked，单选框或复选框被选中。
十八
this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。
但是总有一个原则，那就是this指的是调用函数的那个对象。
this一般情况下：是全局对象Global。
作为方法调用，那么this就是指这个对象
十九
$(function(){
$("#checkall").click(function(){
if($(this).attr("checked")){
$("div.list input").attr("checked",true); //全选
}else{
$("div.list input").attr("checked",false); //全不选
}
});
});
二十，
考虑到你工作的稳定性。
几种情况;
1、没女朋友，如果年纪不较大了，家里可能会有安排，如果是外地人，不太稳定；
2、有女朋友，在外地。
异地恋很折磨人的，要么一方将就一方，要么分手，这对工作的稳定性有影响；
3、有女朋友且在本地，这种是面试官最喜欢见到的情况。
4、考察的反应能力、是否诚实。