Web面试题大全

1. 求y 和z 的值是多少?

var x = 1;

var y = 0;

var z = 0;

function add(n){n=n+1;}

y = add(x);

function add(n){n=n+3;}

z = add(x);

都为undefined ,因为没有返回值。

2. javascript 怎样选中一个checkbox ,怎样设置它无效? document.all.cb1[0].disabled = true;

3. form 中的input 可以设置为readonly 和disable ,请问2者有什么区别?

readonly 不可编辑,但可以选择和复制;值可以传递到后台 disabled 不能编辑,不能复制,不能选择;值不可以传递到后台

4. js 中的3种弹出式消息提醒(警告窗口,确认窗口,信息输入窗口)的命令式什么?

alert

confirm

prompt

5. javaScript 的2种变量范围有什么不同?

全局变量:当前页面内有效

局部变量:方法内有效

6. 程序中捕获异常的方法?

window.error

try{}catch(){}finally{}

7. 写出程序运行的结果?

for(i=0, j=0; i

k = i + j;

}

结果:10

8. 获取今天的日期

var d = new Date();

// 获取年,getFullYear()返回4位的数字

var year = d.getFullYear();

// 获取月,月份比较特殊,0是1月,11是12月

var month = d.getMonth() + 1;

// 月份变成两位

month = month

// 获取日

var day = d.getDate();

day = day

var dateToday = year + '-' + month + '-' + day;

console.log(datetToday);

9. 已知有字符串foo=”get-element-by-id ”, 写一个function 将其转化成驼峰表示法”getElementById ”。

var test = "get-element-by-id";

function combo(msg){

var arr = msg.split("-");//split方法将字符串以“-”切割为数组

["get","element","by",id]

for(var i=1;i

arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);

}

msg = arr.join("");

return msg;

} 10. JavaScript的数据类型都有什么?

基本数据类型:String,boolean,Number,Undefined, Null 引用数据类型:Object(Array,Date,RegExp,Function)

11. 前端页面有哪三层构成,分别是什么? 作用是什么?

结构层 Html 表示层 CSS 行为层 JS

12. 标签上title 与alt 属性的区别是什么?

Alt 当图片不显示是 用文字代表。

Title 为该属性提供信息

13. 编写一个数组去重的方法

Array.prototype.unique1 = function(){

var n = [];

for(var i=0;i

if(n.indexOf(this[i])==-1){

n.push(this[i]);

}

}

return n;

} 14. 添加 删除 替换 插入到某个接点的方法

obj.appendChidl()

obj.removeChild

obj.replaceChild

obj.innersetBefore 15. 数组方法pop() push() unshift() shift()

Push()尾部添加 pop()尾部删除

Unshift()头部添加 shift()头部删除 16. link 和@import 的区别是?

link 属于XHTML 标签,而@import是CSS 提供的;

页面被加载的时,link 会同时被加载,而@import引用的CSS 会等到页面被加载完再加载;

import 只在IE5以上才能识别,而link 是XHTML 标签,无兼容问题;

link 方式的样式的权重 高于@import的权重.

17. 列出display 的值,说明他们的作用。

block 象块类型元素一样显示。

none 缺省值。象行内元素类型一样显示。

inline-block 象行内元素一样显示,但其内容象块类型元素一样显示。

list-item 象块类型元素一样显示,并添加样式列表标记。

18. alert(0||2),alert(1&&2) 1、只要“||”前面为false, 不管“||”后面是true 还是false ,都返回“||”后面的值。

2、只要“||”前面为true, 不管“||”后面是true 还是false ,都返回“||”前面的值。

1、只要“&&”前面是false ,无论“&&”后面是true 还是false ,结果都将返“&&”前面的值;

2、只要“&&”前面是true ,无论“&&”后面是true 还是false ,结果都将返“&&”后面的值;

19. 闭包解决三个标签绑定onclick 的需求

var liList = document.querySelectorAll("li");

for(var i=0;i

liList[i].onclick = outer(i); }

function outer(x){

function inner(){ console.log(x);} return inner; }

20. 从数组中获得一个随机项

var items = [12,548,"a","foo",777,{a:10,b:"user"}];

var randomItem =

items[Math.floor(Math.random()*items.length)];

21. 判断一个对象是否是数组

var isArray = function(obj) {

return Object.prototype.toString.call(obj) === '[object Array]'; }

22. 获取页面中所有的checkbox

var domList = document.getElementsByTagName("input");

var checkBoxList = []; var len = domList.length; for(var i=0;i

23.清除前后空格的方法

if (!String.prototype.trim) {

String.prototype.trim = function() {

return this.replace(/^\s+/, "").replace(/\s+$/,""); } }

24. 特定范围内生成一个随机数

var x = Math.floor(Math.random() * (max - min + 1)) + min;

1. 求y 和z 的值是多少?

var x = 1;

var y = 0;

var z = 0;

function add(n){n=n+1;}

y = add(x);

function add(n){n=n+3;}

z = add(x);

都为undefined ,因为没有返回值。

2. javascript 怎样选中一个checkbox ,怎样设置它无效? document.all.cb1[0].disabled = true;

3. form 中的input 可以设置为readonly 和disable ,请问2者有什么区别?

readonly 不可编辑,但可以选择和复制;值可以传递到后台 disabled 不能编辑,不能复制,不能选择;值不可以传递到后台

4. js 中的3种弹出式消息提醒(警告窗口,确认窗口,信息输入窗口)的命令式什么?

alert

confirm

prompt

5. javaScript 的2种变量范围有什么不同?

全局变量:当前页面内有效

局部变量:方法内有效

6. 程序中捕获异常的方法?

window.error

try{}catch(){}finally{}

7. 写出程序运行的结果?

for(i=0, j=0; i

k = i + j;

}

结果:10

8. 获取今天的日期

var d = new Date();

// 获取年,getFullYear()返回4位的数字

var year = d.getFullYear();

// 获取月,月份比较特殊,0是1月,11是12月

var month = d.getMonth() + 1;

// 月份变成两位

month = month

// 获取日

var day = d.getDate();

day = day

var dateToday = year + '-' + month + '-' + day;

console.log(datetToday);

9. 已知有字符串foo=”get-element-by-id ”, 写一个function 将其转化成驼峰表示法”getElementById ”。

var test = "get-element-by-id";

function combo(msg){

var arr = msg.split("-");//split方法将字符串以“-”切割为数组

["get","element","by",id]

for(var i=1;i

arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);

}

msg = arr.join("");

return msg;

} 10. JavaScript的数据类型都有什么?

基本数据类型:String,boolean,Number,Undefined, Null 引用数据类型:Object(Array,Date,RegExp,Function)

11. 前端页面有哪三层构成,分别是什么? 作用是什么?

结构层 Html 表示层 CSS 行为层 JS

12. 标签上title 与alt 属性的区别是什么?

Alt 当图片不显示是 用文字代表。

Title 为该属性提供信息

13. 编写一个数组去重的方法

Array.prototype.unique1 = function(){

var n = [];

for(var i=0;i

if(n.indexOf(this[i])==-1){

n.push(this[i]);

}

}

return n;

} 14. 添加 删除 替换 插入到某个接点的方法

obj.appendChidl()

obj.removeChild

obj.replaceChild

obj.innersetBefore 15. 数组方法pop() push() unshift() shift()

Push()尾部添加 pop()尾部删除

Unshift()头部添加 shift()头部删除 16. link 和@import 的区别是?

link 属于XHTML 标签,而@import是CSS 提供的;

页面被加载的时,link 会同时被加载,而@import引用的CSS 会等到页面被加载完再加载;

import 只在IE5以上才能识别,而link 是XHTML 标签,无兼容问题;

link 方式的样式的权重 高于@import的权重.

17. 列出display 的值,说明他们的作用。

block 象块类型元素一样显示。

none 缺省值。象行内元素类型一样显示。

inline-block 象行内元素一样显示,但其内容象块类型元素一样显示。

list-item 象块类型元素一样显示,并添加样式列表标记。

18. alert(0||2),alert(1&&2) 1、只要“||”前面为false, 不管“||”后面是true 还是false ,都返回“||”后面的值。

2、只要“||”前面为true, 不管“||”后面是true 还是false ,都返回“||”前面的值。

1、只要“&&”前面是false ,无论“&&”后面是true 还是false ,结果都将返“&&”前面的值;

2、只要“&&”前面是true ,无论“&&”后面是true 还是false ,结果都将返“&&”后面的值;

19. 闭包解决三个标签绑定onclick 的需求

var liList = document.querySelectorAll("li");

for(var i=0;i

liList[i].onclick = outer(i); }

function outer(x){

function inner(){ console.log(x);} return inner; }

20. 从数组中获得一个随机项

var items = [12,548,"a","foo",777,{a:10,b:"user"}];

var randomItem =

items[Math.floor(Math.random()*items.length)];

21. 判断一个对象是否是数组

var isArray = function(obj) {

return Object.prototype.toString.call(obj) === '[object Array]'; }

22. 获取页面中所有的checkbox

var domList = document.getElementsByTagName("input");

var checkBoxList = []; var len = domList.length; for(var i=0;i

23.清除前后空格的方法

if (!String.prototype.trim) {

String.prototype.trim = function() {

return this.replace(/^\s+/, "").replace(/\s+$/,""); } }

24. 特定范围内生成一个随机数

var x = Math.floor(Math.random() * (max - min + 1)) + min;


相关文章

  • Web前端面试题目及答案汇总 – 码农网
  • 以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中无法解决的问题,通过对知识的整理以及经验的总结,重新巩固自身的前端基础知识,如有错误或更好的答案,欢迎指正.:  ) 阅读目录 HTML/CSS部分 JavaScript部分 其他 ...查看


  • 怎样花2月时间去应聘互联网公司
  • 找工作也快两月了,感受颇多,最近看了一篇<怎样花2年时间去面试一个人>的博客,很有感触,将自己的想法写出来. 在找工作的两月中,自己从四大门户:新浪.搜狐.网易.腾讯到业界领先的百度,搜狗.淘宝以及行业巨头的微软;从几个人创业的 ...查看


  • 美工面试题
  • 面试试题 1. 你熟悉的设计软件 2. 你熟悉的代码 3. 你熟悉的浏览器 4. 你熟悉的开发工具 5. 一些枯燥的理论 a) 如果把GOOGLE 或百度的首页设置成固定宽度值,你会把这个值设置成多少? b) 美国苹果公司网站的色调是什么样 ...查看


  • 性能测试工程师面试题
  • 1.什么是负载测试?什么是性能测试? 负载测试:通过被测试系统不断增加压力,直到性能指标超过预期值或者某种资源达到饱和状态. 经过这两天查看相关的资料,而且还和同事讨论.得出以下总结: 1)共同点:两种测试都是量的测试. 2)区别:压力测试 ...查看


  • 平安面试题
  • 什么样的系统具有可扩展性? 可扩展性的系统具备以下特性: ① 方便的添加新功能 ② 扩展后新旧系统之间具有良好的集成性 ③ 扩展后系统仍能满足业务要求的想你功能,如及时性,可靠性等 ④ 安全性得到满足,并且扩展成本低 而一个具有可扩展的系统 ...查看


  • 中级测试工程师面试题
  • 中级测试工程师 岗位职责: 1. 根据测试计划,制定产品的测试策略: 2. 评审功能需求及设计文档,编写测试用例: 3. 分析产品测试需求功能点,并准备测试数据,编写自动化测试脚本: 4. 执行测试,反馈问题,追踪Bug的生命周期: 任职要 ...查看


  • 网络管理员的面试题1
  • .填空(每题2分) 1.20端口是_________ 2.PING是使用TCP/IP协议中的______协议 3.443端口是_______服务使用的 4.标准端口的范围是___________ 5.查看服务器当前正在连接IP列表命令是__ ...查看


  • Java面试题目及答案
  • Java 面试题及其答案 Java基础方面: 1.作用域public,private,protected,以及不写时的区别 答:区别如下: 作用域 当前类 同一package 子孙类 其他package public √ √ √ √ pro ...查看


  • 软件开发者面试百问
  • 1月13日,著名博客作者Jurgen Appelo写了一篇博文:"软件开发者面试百问".该文甚受读者欢迎,15日便登上了delicious,Popurls.com,Reddit的首页.InfoQ中文站在得到作者许可之后, ...查看


热门内容