1.简述div元素和span元素的区别。
div是块元素，默认换行，一般用于排版。
span是行内元素，默认不换行，一般用于局部文字样式。
通过display属性他们之间可以相互转换，div默认为block,span默认为inline。
2.谈谈javascript数组方法sort()的使用，重点介绍sort()参数的使用及其内部机制。
语法：arrayObject.sort(sortby)
参数sortby:可选，规定排序顺序。必须是函数。
返回对数组的引用。注意，数组在原数组上进行排序，不生成副本。
如果该方法没有使用参数，将按照字符编码的顺序进行排序。
如果想要按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数a和b，其返回值如下：
1）若a小于b，在排序后的数组中a应该出现在b之前，返回一个小于0的值。
2）若a等于b，返回0。
3）若a大于b，则返回一个小于0的值。
例：按照数值进行排序
<script type="text/javascript">
function sortNumber(a,b)
{
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")
document.write(arr.sort(sortNumber))
</script>
3.结合<span id="outer"><span id="inner">text</span></span>这段结构，谈谈innerHTML outerHTML innerText之间的区别。
innerHTML:对象里面的HTML内容，这里是<span id="inner">text</span>
outerHTML:对象里面包括对象本身的HTML内容，这里是<span id="outer"><span id="inner">text</span></span>
innerText:对象里面的文本内容，这里是text
4.说几条XHTML规范的内容。
1）标签名必须用小写字母。
2）所有标签都必须被关闭，包括空标签。
3）属性值必须加引号。
4）用Id属性代替name属性。
5）所有XHTML文档必须进行文件类型声明。
5.对Web标准化（或网站重构）知道哪些相关知识，简述几条你知道的Web标准？
为什么要使用web标准？
1）具有更好的兼容性。
2）易于代码维护和开发。
3）可增加网站的访问量。
4）标准的web文档更易被转换为其他格式。
5）更易被搜索引擎访问，也更易被准确索引。
6）更易被JavaScript和DOM代码访问。
W3C标准：HTML、XHTML、CSS、XML、XSL、DOM。
6.完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。
<html>
<head>
<script type="text/javascript">
function foo() {
//在此处添加代码
var radioGroup = document.getElementsByName("radioGroup");
for(var i=0; i<radioGroup.length; i++) {
if(radioGroup[i].checked) {
alert("你选择了第" + (i+1)+"单选框");
}
}
return false;
}
</script>
</head>
<body>
<form name="form1" onsubmit="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>
7.填充注释部分的函数体，使得foo()函数调用弹出“成功”的对话框。代码应尽量简短。
<html>
<head>
<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)
{
// 在此处加入代码，完成字符串翻转功能
return str.split(",").reverse().join(",");
}
</script>
</head>
<body>
<INPUT type="button" value="str" onclick="foo()"/>
</body>
</HTML>
8.下面代码：
<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);
s = y + z;
</script>
求：y、z、s的值。
答案：undefined、undefined、NaN。两个add函数都没有返回值，所以是undefined，两个undefined相加自然是NaN。
9.下面代码：
<script type="text/javascript">
var x = 1;
var y = 0;
var z = 0;
function add(n) {
return n = n +1;
}
y = add(x);
function add(n) {
return n = n + 3;
}
z = add(x);
s = y + z;
</script>
求：y、z、s的值。
答案：4，4，8。直接通过function声明的函数，后面定义的会影响前面的。
<script type="text/javascript">
function x() {alert("2");}
x();//输出3
function x() {alert("3");}
x();//输出3
</script>
通过var声明的函数，后面定义的不会影响前面的：
<script type="text/javascript">
var x = function() {alert("0");}
x();//输出0
var x = function() {alert("1");}
x();//输出1
</script>
通过function定义的函数，后面定义的，照旧影响前面的引用，但是不能改变通过var声明函数后的引用，反而，通过var声明的函数，改变了后来通过声明函数之后的引用。
<script type="text/javascript">
var x = function() {alert("1");}
x();//输出1
function x() {alert("3");}
x();//输出1
</script>
<script type="text/javascript">
function x() {alert("2")};
x();//输出3
var x = function() {alert("0");}
x();//输出0
var x = function() {alert("1");}
x();//输出1
function x() {alert("3");}
x();//输出1
</script>
10.下面的输出结果为：
typeof(NaN) //number
typeof(Infinity) //number
typeof(null) //object
typeof(undefined) //undefined
NaN == NaN //false
NaN != NaN //true
NaN >= NaN //false
null == undefined //true
null >= undefined //false
null <=undefined //false
parseInt("123abc") //123
"123abc" - 0 //NaN
Infinity > 10 //true
Infinity == NaN //false
Infinity > "abc" //false
true == 1 //true
new String("abc") == "abc" //true
new String("abc") === "abc" //false
var a = "123abc";
alert(typeof(a++)); //number
alert(a); //NaN
var a = "123abc";
a.valueOf = function(){return parseInt(a);}
a.toString = function(){return parseInt(a);}
alert(++a); //NaN
alert(a-0); //NaN
var a = new Object();
a.toString = function(){return "123abc";}
a.valueOf = function(){return parseInt(a);}
alert(++a); //124
alert(a-0); //124
String.prototype.valueOf = function()
{
return parseFloat(this);
}
alert("123abc" > 122); //false
alert(new String("123abc") > 122); //true
var s = new String("abc");
alert(typeof(s) == typeof("abc")); //false typeof(s) == object 而typeof("abc")==string
alert(s === "abc"); //false
alert(s.toString() == s); //true
分享到：
相关推荐
Web前端面试题.txt 面试的时候法宝，了解前端的基础面试题
web前端面试题
web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题...
以上知识点详细讲解了文档中提及的WEB前端面试题目的相关概念，对于掌握JavaScript的基础知识及其在前端开发中的应用具有重要意义。这些内容不仅涉及到数组的内置方法、数据类型的检测、运算符的使用，还包括了...
2017年，随着Web技术的快速发展，前端面试题也日益多元化，涵盖了JavaScript、HTML、CSS等核心领域的深度和广度。这份"2017前端面试题整理汇总"旨在为求职者提供一个全面了解前端面试趋势和必备技能的平台。 1. **...
Web 前端面试题精华 在这篇资源摘要中，我们将涵盖 web 前端面试题的几个关键点，包括自我介绍、position 的值、解决跨域问题、XML 和 JSON 的区别、对 Webpack 的看法等。 自我介绍 在面试时，自我介绍是一个...
在准备web前端面试时，面试官可能会考察求职者对基础知识的掌握情况以及解决实际问题的能力。以下是根据给定文件内容整理出的知识点： 1. 自我介绍是面试的开场环节，除了基本个人信息外，面试者应该突出自己的技术...
适用于各级别工程师的面试题，包含基础js，html，css，vue+react 以及高级浏览器原理，工程化，手写代码和性能优化问题，适用于各级别工程师的面试题，包含基础js，html，css，vue+react 以及高级浏览器原理，工程化...
现在五块钱的付出，将来收获的可能是一份心仪的offer，干货满满，建议下载。...友情提示：本套面试题包括面试题900题+公司实战面试题400问，面试题已经整理好答案，公司题由于新收录没有答案，但非常有参考价值。
经典 Web 前端面试题 本文将对经典 Web 前端面试题进行详细的解释和总结，从 HTML 的基本结构到 CSS 的样式规则、选择器和优先级等方面对知识点进行了详细的讲解。 HTML 基本结构 HTML 的基本结构包括 `<html>`、...
html css js面试题1000 题，面试专用 ，
web前端面试题-面试题答案
前端面试题总结
2021年最新Web前端面试题精选大全及答案_HanXiaoXi_yeal的博客-CSDN博客_前端面试题2021及答案.html
这些技术构建了我们在互联网上看到的大部分交互...综上所述，Web前端面试不仅测试基础理论，更强调实际应用和对最新技术趋势的理解。通过深入学习和实践，开发者可以提高自己的技能，为未来的面试和职业生涯做好准备。
Web 前端面试题小汇总 本文总结了多个与 Web 前端相关的知识点，涵盖了 JavaScript、CSS、HTML 等多个方面的内容。 类数组对象 vs 数组 在 JavaScript 中，类数组对象和数组是两个不同的概念。类数组对象是 ...
在2020年的Web前端面试中，面试官们通常会关注候选人的HTML、CSS、JavaScript基础知识以及在实际web开发中的应用技术。这些是构建现代Web应用的核心技能，也是前端开发者必须掌握的关键知识点。 首先，HTML（超文本...
本资源"各名企Web前端面试题"正是为此目的而准备，涵盖了丰富的面试经验和实际案例。 一、HTML相关知识 HTML（HyperText Markup Language）是网页内容的基础结构，面试中常考察对标签的熟练运用、语义化理解以及新...