JavaScript前端常见面试题总结

1、

<script type="text/javascript">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);
</script>

求y和z的值是多少？

答案：y和z的值都是undefined，因为没有add函数没有返回值。

2、

<div id="div1" style="display:none;"><div id="div2" style="width:100px;">width:100px;</div>
</div>

在jQuery1.4级以上版本，请用jQuery写出获取div2宽度的代码，以及获取到的width的值。

答案：alert("div2宽度:" + $("#div2").width());

alert("width的值:" + $("#div2").attr("style").split(":")[1]);

3、请编写一个JavaScript函数parseQueryString，它的用途是把URL参数解析为一个对象，如：

var url = “http://www.baidu.com/index.php?key0=0&key1=1&key2=2”;

var obj = parseQueryString(url);

alert(obj.key0); //输出0

答案：

<script type="text/javascript">function parseQueryString(url) {var pos;var obj = {};if ((pos = url.indexOf("?")) != -1) {var param = url.substring(pos+1, url.length-1);var paramArr = param.split("&");var keyValue = [];for (var i=0, l=paramArr.length; i<l; i++) {keyValue = paramArr[i].split("=");obj[keyValue[0]] = keyValue[1];}}return obj;}var url = "http://www.baidu.com/index.php?key0=0&key1=1&key2=2";var paramObj = parseQueryString(url);alert(paramObj.key0);
</script>

4、对应写出下列输出值

1     alert(typeof(null));
2     alert(typeof(NaN));
3     alert(typeof(undefined));
4     alert(typeof("undefined"));
5     alert(NaN==undefined);
6     alert(NaN==NaN);

答案：(1)object (2)number (3)undefined (4)string (5)false (6)false

5、使用Javascript动态写入html页面body内一个超链接，链接地址是http://www.baidu.com，id为”goto-baidu”，要求点击是另窗口打开。

<script type="text/javascript">window.onload = function(){//获取bodyvar bodyElement = document.body;//创建var linkElement = document.createElement("a");linkElement.setAttribute("id", "goto-baidu");linkElement.setAttribute("target", "_blank");linkElement.setAttribute("href", "http://www.baidu.com");var textNode = document.createTextNode("Baidu");//添加
        linkElement.appendChild(textNode);bodyElement.appendChild(linkElement);}
</script>

转载于:https://www.cnblogs.com/jiangxiaochu/p/3174696.html

JavaScript前端常见面试题总结相关推荐

前端常见面试题及答案
文章转自http://www.cnblogs.com/syfwhu/p/4434132.html 前言本文是在GitHub上看到一个大牛总结的前端常见面试题,很多问题问的都很好,很经典.很有代表性. ...
前端常见面试题---flex:1 是什么？
前端常见面试题-flex:1 是什么文章目录前端常见面试题---flex:1 是什么 Flex-grow Flex-shrink Flex-basis flex=1得应用一个高度自适应的div, ...
web前端常见面试题
Vue面试题生命周期函数面试题 1.什么是 vue 生命周期 2.vue生命周期的作用是什么 3.第一次页面加载会触发哪几个钩子 4.简述每个周期具体适合哪些场景 5.created和mounted ...
前端常见面试题之----js单线程，微任务宏任务
js单线程,微任务宏任务前言一.什么是单线程? 二.为什么JS是单线程? 三.任务队列 1. 什么是任务队列 2. 什么是微任务宏任务四.常见面试题例子总结前言他来了他来了,前端必问题之一 ...
前端常见面试题 - JS篇
以下会是JS常见面试题: 面试题将会以系列不定时更新,编写不宜,如有用到,请动动小手关注一下. 1. 简述ES6 1. let: 块级作用域. 2. const: 常量; 块级作用域; 一旦声明, 则 ...
web前端常见面试题总结
人生的路上少不了尝试,人人都是打工人,但愿这份面试题可以帮助到你 H5有哪些新特性? 绘画canvas(随时随地绘制2D图形).svg(描述XML中的2D图形)元素语义化标签header.ment. ...
中级前端常见面试题（附答案），持续更新
文章目录 Q:JS有哪些数据类型? 7种基本类型 1种引用类型 Q:ES6数据结构 Set / Map Set Map Q:call, apply, bind 用法和区别 call() 和 apply ...
2023前端常见面试题大全
1. 什么是作用域? 变量产生作用的区域就叫做作用域 2. 作用域的分类全局作用域局部作用域 3.局部作用域的分类函数作用域块级作用域 4.作用域链作用域链的本质是变量查找机制 5.作用域 ...
【面试】前端常见面试题总结
1.什么是mvvm . mvc 模型? MVVM是Model-View-ViewModel的简写.即模型-视图-视图模型. [模型]指的是后端传递的数据. [视图]指的是所看到的页面. [视图模型 ...
前端常见面试题（四）
1.说说React生命周期中有哪些坑?如何避免? 在代码编写中,遇到的坑往往会有两种: 在不恰当的时机调用了不合适的代码: 在需要调用时,却忘记了调用. 通过梳理生命周期,明确周期函数职责,确认什么时 ...

JavaScript前端常见面试题总结

JavaScript前端常见面试题总结相关推荐

最新文章

热门文章