CSS和JavaScript常见面试题

小灰灰 2022-11-22 10:14 282阅读 0赞

CSS和JavaScript常见面试题  
1、 HTML中定义表格的宽度用80px与80%的区别是什么？  
px表示像素，%表示占整个页面宽度的百分比。  
2、 简述DIV元素和SPAN元素的区别。  
DIV默认情况下是分行显示，SPAN在同行显示。  
3、 在HTML页面布局中，position的值有哪几种？默认值又是什么？  
1）position的五种值分别是static, relative, absolute, fixed, inherit  
2）position的缺省值是static  
4、 怎样使一个宽为200px和高为200px的层垂直居中于浏览器中?写出CSS样式代码。  
这里使用百分比和绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度一半。  
5、 CSS规范中，.（句点）后面跟一个名称代表什么含义？\#（井号）后面跟一个名称代表什么含义？如果要对一个元素设置CSS样式（内嵌样式），应将CSS样式写在它的什么属性内？  
1） .（句号）后面跟一个名称表示文档中所有class属性值包含这个名称的应用其样式，  
2） \#（井号）后面跟个名称表示文档中ID为此名称的元素应用其样式。  
3） CSS样式写在style属性内。  
6、 CSS具体含义是什么？在网页制作中为什么要使用CSS技术?  
CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。  
7、 CSS+DIV开发Web页面的优势有哪些？  
1）CSS+DIV，这个网页设计模式中，DIV承担了网页的内容，CSS承担了网页的样式。这样就使网页的内容和样式的分离开来。有利于页面的维护升级。  
2）有助于提高搜索引擎亲和力（快速找到需要的数据，而不是像在TABLE中一层层的查找）  
3）有助于页面的重构(换皮肤如blog，直接套用另外一套样式就可以实现，而不用改动网页脚本。)  
8、 一个HTML文档必须包含三个元素，它们是head、body和哪个？  
html  
9、 HTML中文档内联注释应该是以 以结尾  
10、 引用CSS样式，有哪几种方法？  
1）导入一个已经存在的CSS文件： 2）直接在HARD里声明一个CSS代码段：  
3）直接在网页元素里声明使用CSS样式：style=”color:red;”  
11、 JavaScript中settimeout与setinteval两个函数的区别？  
settimeout只执行一次，setInteval没有次数限制。  
12、 编写JavaScript脚本生成1-6之间的整数？  
var NowFrame;  
NowFrame=Math.random( )\*6+1 //随机生成一个1-6之间的小数  
NowFrame=parseInt(NowFrame) //把1-6之间的小数转化为整数  
13、 设置什么属性可以让一个DIV隐藏和显示？值分别是什么？  
1）设置diasplay属性的值为none时，该层隐藏。  
2）设置diasplay属性的值为block时，该层显示。  
14、 在JavaScript脚本中，isNaN的作用是什么？  
isNaN的作用是判断值是否为数字  
15、 JavaScript中获取某个元素有哪几种方式？  
document.getElementById();此方法用于获得名为ID值的元素  
document.myform.xxx;此方法按照层次结构来获取  
document.getElementsByName();此方法用于获得所有的名字相同的元素  
16、 Ajax的优缺点都有什么？  
Ajax的优点：  
1）页面无刷新，用户体验非常好。  
2）使用异步方式与服务器通信，具有更加迅速的响应能力。  
3）可以把一些服务器负担的工作转到客户端，利用客户端闲置的能力来处理，减轻服务器负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求和响应对服务器造成的负担。  
4）基于标准化并被广泛支持的技术，不需要下载插件或者小程序。  
Ajax的缺点:  
1）Ajax不支持浏览器back按钮。  
2）安全问题， Ajax暴露了与服务器交互的细节。  
3）对搜索引擎的支持比较弱。  
4）破坏了程序的异常机制。  
5）不容易调试。  
17、 简述一下Ajax的工作原理。  
Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。  
18、 JavaScript中的数据类型有几种？分别是什么？  
JavaScript中的数据类型有7种，分别是：  
1）Number 数字类型  
2）String 字符串类型  
3）Boolean 布尔类型  
4）Function 函数  
5）Object 对象  
6）Null  
7）Undefined 没有定义类型  
19、 在JavaScript脚本中，表达式2+5+”8″得到的结果是什么？并说明原因。  
因为2和5是数字类型，“8”是字符串类型，所以相加得到的结果是78。