Web前端面试必备：题目解析与实战-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_34306360/article/details/79169792

本文提供了一系列Web前端面试题目，涵盖单选、多选、问答及程序题，涉及JavaScript语法、DOM操作、AJAX、浏览器兼容性、HTML标签、XHTML规范等内容，帮助考生深入理解并准备前端面试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、单选题
1、以下哪条语句会产生运行错误：（A）
A.var obj = ( );
B.var obj = [ ];
C.var obj = { };
D.var obj = / /;

2、以下哪个单词不属于javascript保留字：（B）
A. with
B. parent
C. class
D. void
3、请选择结果为真的表达式：（C）
A. null instanceof Object
B. null === undefined
C. null == undefined
D. NaN == NaN

二、不定项选择题
4、请选择对javascript理解有误的：(ABCD)
A. JScript是javascript的简称
B. javascript是网景公司开发的一种Java脚本语言，其目的是为了简化Java的开发难度
C. FireFox和IE存在大量兼容性问题的主要原因在于他们对javascript的支持不同上
D. AJAX技术一定要使用javascript技术
5、 foo对象有att属性，那么获取att属性的值，以下哪些做法是可以的：（ACE）
A. foo.att
B. foo(“att”)
C. foo[“att”]
D. foo{“att”}
E. foo[“a”+”t”+”t”]
6、在不指定特殊属性的情况下，哪几种HTML标签可以手动输入文本：（AB）
A. <TEXTAREA></TEXTAREA>
B. <INPUT type=”text”/>
C. <INPUT type=”hidden”/>
D. <DIV></DIV>
7、以下哪些是javascript的全局函数：（ABC）
A. escape
B. parseFloat
C. eval
D. setTimeout
E. alert
8、关于IFrame表述正确的有：(ABCD)
A. 通过IFrame，网页可以嵌入其他网页内容，并可以动态更改
B. 在相同域名下，内嵌的IFrame可以获取外层网页的对象
C. 在相同域名下，外层网页脚本可以获取IFrame网页内的对象
D. 可以通过脚本调整IFrame的大小
9、关于表格表述正确的有：（ABCDE）
A. 表格中可以包含TBODY元素
B. 表格中可以包含CAPTION元素
C. 表格中可以包含多个TBODY元素
D. 表格中可以包含COLGROUP元素
E. 表格中可以包含COL元素
10、关于IE的window对象表述正确的有：（ACD）
A. window.opener属性本身就是指向window对象
B. window.reload()方法可以用来刷新当前页面
C. window.location=”a.html”和window.location.href=”a.html”的作用都是把当前页面替换成a.html页面
D. 定义了全局变量g；可以用window.g的方式来存取该变量

三、问答题：
1、谈谈javascript数组排序方法sort()的使用，重点介绍sort()参数的使用及其内部机制

sort的实现的功能类似JAVA的比较器，数据排序从多维数组的第一维开始排序
可以自己定义排序方法，很不多的函数
2、简述DIV元素和SPAN元素的区别。

DIV是块元素，SPAN是内嵌元素。块元素相当于内嵌元素在前后各加一个<br>换行。其实，块元素和行内元素也不是一成不变的，只要给块元素定义display:inline，块元素就成了内嵌元素，同样地，给内嵌元素定义了display:block就成了块元素了。
(参考：http://blog.sina.com.cn/s/blog_4bb4d6a101000a0r.html)

3、结合<span id=”outer”><span id=”inner”>text</span></span>这段结构，谈谈innerHTML outerHTML innerText之间的区别。

这个问题只要写一下看的很清楚
innerHTML对象里面的HTML,outerHTML包括对象和里面的
innerText对象里面的文本
4、说几条XHTML规范的内容（至少3条）

属性加引号，不能有不匹配的标签，加定义
5、对Web标准化（或网站重构）知道哪些相关的知识，简述几条你知道的Web标准？
W3C标准等
四、程序题：
1、完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。
<html>
<body>
<script>
function foo() {
// 在此处添加代码
var rg = document.getElementsByName("radioGroup");
for( var i = 0; i < rg.length; i++ )
{
if( rg[i].checked )
{
alert("你选择了第" + (i+1) + "个单选框");
}
}
return false;
}

</script>
<body>
<form name="form1" οnsubmit="return foo();">
<input type="radio" name="radioGroup"/>
<input type="radio" name="radioGroup"/>
<input type="radio" name="radioGroup"/>
<input type="radio" name="radioGroup"/>
<input type="radio" name="radioGroup"/>
<input type="radio" name="radioGroup"/>
<input type="submit"/>
</form>
</body>
</html>
2、填充注释部分的函数体，使得foo()函数调用弹出”成功”的对话框。代码应尽量简短。
<html>
<body>
<script>
function foo() {
var str = reverse('a,b,c,d,e,f,g');
alert(str);
if (str == 'g,f,e,d,c,b,a') alert('成功');
else alert('失败');
}
function reverse(str)
{
// 在此处加入代码，完成字符串翻转功能
var spl = str.split(',');
var newstr="";
for(i=spl.length-1;i>=0;i--)
{
newstr+=spl[i]+',';
}
newstr=newstr.substring(0,newstr.length-1)
return newstr;
}
</script>
</HEAD>
<BODY>
<INPUT type="button" value="str" οnclick="foo()"/>
</BODY>
</HTML>