css+js企业面试题.docx
- 文档编号:24312860
- 上传时间:2023-05-26
- 格式:DOCX
- 页数:36
- 大小:36.12KB
css+js企业面试题.docx
《css+js企业面试题.docx》由会员分享,可在线阅读,更多相关《css+js企业面试题.docx(36页珍藏版)》请在冰豆网上搜索。
css+js企业面试题
CSS
选择题
简答题
1、HTML中定义表格的宽度的时候80PX与80%的区别是什么
Px表示像素,%表示站整个也面宽度的百分比
2、简述DIV元素和SPAN元素的区别。
DIV默认情况下是分行显示,SPAN在同行显示
3、CSS+DIV开发Web页面的优势有哪些?
优点:
1)div+css,这个网页设计模式中,div承担了网页的内容,css承担了网页的样式。
这样就使网页的内容和样式的分离开来。
有利于页面的维护升级。
2)有助于提高搜索引擎亲和力(快速找到需要的数据,而不是像在table中一层层的查找)
3)有助于页面的重构(换皮肤如blog,直接套用另外一套样式就可以实现,而不用改动网页脚本。
)
缺点:
开发效率比较低
4、有关CSS浏览器兼容的一道面试题
请写出一段代码实现如下效果:
在老的浏览器里面显示一段蓝色文字,新浏览器里面则显示成红色的,在IE6里面显示成绿的,IE7里面显示成黑色的
因为这个问题不是很严谨,只给出可能的答案:
#contentp{color:
blue}
html>body#contentp{color:
red}
*html#contentp{color:
green}
html>body#contentp{*color:
black;}
5、Position的值有哪几种?
默认值又是什么?
1)position的五种值都是什么?
static,relative,absolute,fixed,inherit
2)position的缺省值是什么?
Static
6、超链接访问过后hover样式就不出现的问题?
被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序:
L-V-H-A
7、IE6的双倍边距BUG
例如:
body{margin:
0}
div{float:
left;margin-left:
10px;width:
200px;height:
200px;border:
1pxsolidred}
浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:
inline
8、为什么FF下文本无法撑开容器的高度?
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?
办法就是去掉height设置min-height:
200px;这里为了照顾不认识min-height的IE6可以这样定义:
div{height:
auto!
important;height:
200px;min-height:
200px;}
9、为什么web标准中IE无法设置滚动条颜色了?
原来样式设置:
body{scrollbar-face-color:
#f6f6f6;scrollbar-highlight-color:
#fff;scrollbar-shadow-color:
#eeeeee;scrollbar-3dlight-color:
#eeeeee;scrollbar-arrow-color:
#000;scrollbar-track-color:
#fff;scrollbar-darkshadow-color:
#fff;}
解决办法是将body换成html
10、为什么无法定义1px左右高度的容器?
IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:
overflow:
hidden|zoom:
0.08|line-height:
1px
11、怎么样才能让层显示在FLASH之上呢?
解决的办法是给FLASH设置透明:
12、怎样使一个层垂直居中于浏览器中?
–
div{
position:
absolute;
top:
50%;
left:
50%;
margin:
-100px00-100px;
width:
200px;
height:
200px;
border:
1pxsolidred;
}
–>
这里使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二
13、firefox嵌套div标签的居中问题的解决方法
假定有如下情况:
如果要实现b在a中居中放置,一般只需用CSS设置a的text-align属性为center。
这样的方法在IE里看起来一切正常;但是在Firefox中b却会是居左的。
解决办法就是设置b的横向margin为auto。
例如设置b的CSS样式为:
margin:
0auto;。
14、FireFox浏览器是否支持VBScript脚本?
不支持
15、我们现在使用的IE的版本一般是多少,IE的英文全称是什么?
InternetExplorer6.0SP2/5.5/5.0/6.0SP1/7.0beta2/7.0beta3都算对。
16、CSS规范中,每一条样式的结束符是;(分号)还是:
(冒号)?
样式名与样式值之间的分隔符是:
(冒号)还是=(等号)?
;,:
和=都可以
17、CSS规范中,.(句点)后面跟一个名称代表什么含义?
#(井号)后面跟一个名称代表什么含义?
如果要对一个元素设置CSS样式,应将CSS样式写在它的什么属性内?
后面跟个名称表示文档中所有class属性值包含这个名称的应用其后样式,#后面跟个名称表示文档中ID为此名称的元素应用其后样式。
18、什么是CSS?
它的能做些什么?
CSS就是一种叫做样式表(stylesheet)的技术。
也有的人称之为层叠样式表(CascadingStylesheet)。
在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。
它的作用可以达到:
(1)在几乎所有的浏览器上都可以使用。
(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。
(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
(4)你可以轻松地控制页面的布局。
(5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
19、CSS指的是什么?
在网页制作中为什么要使用CSS技术?
CSS(CascadingStyleSheets)也叫层叠样式表,它是用来控制网页中一个或多个元素的外观。
在网页制作中,使用样式表可以减少很多具有相同外观元素的重复设置工作,从而给网页的设计和维护带来了很大的方便;具体应用是:
改变样式表中元素显示样式的定义,则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。
编程题
JavaScript
选择题
20、以下哪条语句会产生运行错误:
(A)
A、varobj=();
B、varobj=[];
C、varobj={};
D、varobj=//;
21、2、以下哪个单词不属于javascript保留字:
(B)
A、with
B、parent
C、class
D、void
22、3、请选择结果为真的表达式:
(C)
A、nullinstanceofObject
B、null===undefined
C、null==undefined
D、NaN==NaN
23、请选择对javascript理解有误的:
(ABCD)
A、JScript是javascript的简称
B、javascript是网景公司开发的一种Java脚本语言,其目的是为了简化Java的开发难度
C、FireFox和IE存在大量兼容性问题的主要原因在于他们对javascript的支持不同上
D、AJAX技术一定要使用javascript技术
24、foo对象有att属性,那么获取att属性的值,以下哪些做法是可以的:
(ACE)
A、foo.att
B、foo(“att”)
C、foo[“att”]
D、foo{“att”}
E、foo[“a”+”t”+”t”]
25、在不指定特殊属性的情况下,哪几种HTML标签可以手动输入文本:
(AB)
A、
B、
C、
D、
26、以下哪些是javascript的全局函数:
(ABC)
A、escape
B、parseFloat
C、eval
D、setTimeout
E、alert
27、关于IFrame表述正确的有:
(ABCD)
A、通过IFrame,网页可以嵌入其他网页内容,并可以动态更改
B、在相同域名下,内嵌的IFrame可以获取外层网页的对象
C、在相同域名下,外层网页脚本可以获取IFrame网页内的对象
D、可以通过脚本调整IFrame的大小
28、关于表格表述正确的有:
(ABCDE)
A、表格中可以包含TBODY元素
B、表格中可以包含CAPTION元素
C、表格中可以包含多个TBODY元素
D、表格中可以包含COLGROUP元素
E、表格中可以包含COL元素
29、关于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的方式来存取该变量
简答题
30、如何让一个页面每20秒钟刷新一次而不用Javascript?
可以使用metarefresh标签来进行刷新。
meta标签是属于HTML文档的
部分。例如:
如下代码实现用meta标签将页面转发到一个新的页面:
31、HTML的几种触发都是什么?
onblur事件会在对象失去焦点时发生。
onchange事件会在域的内容改变时发生。
onclick事件会在对象被点击时发生。
onfocus事件在对象获得焦点时发生。
onkeydown事件会在用户按下一个键盘按键时发生。
onkeypress事件会在键盘按键被按下并释放一个键时发生。
onkeyup事件会在键盘按键被松开时发生。
onmousedown事件会在鼠标按键被按下时发生。
onmousemove事件会在鼠标指针移动时发生。
onmouseout事件会在鼠标指针移出指定的对象时发生。
onmouseup事件会在鼠标按键被松开时发生。
32、说一下javascript中this的用法
通常情况下,this代表的是前面提到的GlobleObject.也就是Browser环境时的windowObject.当function作为某一对象的method时,this代表这个function所属的object.下面这段代码有格错误,涉及到this的使用:
functionEmployee(a){
this.name=a;
}
functioninit(){
John=Employee(”Johnson”);
alert(John.name);
}
在init()中我们少了一个newkeyword.于是这个代码就会报错,因为Browser把Employee当作是windowobect的一个method,里面的this指的就是windowobject.init()应该改为:
functioninit(){
John=newEmployee(”Johnson”);
alert(John.name);
}
同时我们也可以将Employee的constructor函数修改,防止类似的错误:
functionEmployee(a){
if(!
(thisinstanceofEmployee))returnnewEmployee(a);
this.name=a;
}
33、介绍一下javascript中function的用法
在JavaScript中,function是一种数据类型,所有的function都是从buildin的Functionobject衍生的对象.所以在JavaScript中function可以作为参数传递,可以作为Object的property,也可以当作函数返回值.function在JavaScript中有两种用法,一种是当作constructor,前面加上newkeyword用来建立对象.一种是当作method,为其他对象调用.
注意function和method在中文里的意思相当,在有些语言里也可以通用.但是在JavaScript中,它们还是有所区别的.function本身是是一个对象,而当作为一个方法他属于一个对象时,就成为了一个这个对象的method,相当于一个对象种的属性.也就是说method是相对于一个对象而言的,function在某些情况下成为了一个对象的method.
34、JavaScript面试-介绍一下JavaScript中的对象。
JavaScript中的Object是一组数据的key-value的集合,有点类似于Java中的HashMap,所有这些数据都是Object里的property.通常情况下,JavaScript中建立一个对象用”new”加上constructorfunction来实现.如newDate(),newObject()等.
varbook=newObject();
book.name=“JavaScriptisCool”;
book.author=“tom”;
book.pages=514;
上面例子中的name和page就是名为book的对象中的property.我们可以用delete来删除Object中的property:
“deletebook.name;”.除了Object,Date等buildin的对象外,我们可以写自己的constructorfunction,然后使用new就可以建立自己的对象.如上面的book可以写成:
functionBook(name,author,page){
this.name=name;
this.author=author;
this.page=page;
}
varabook=newBook(”JavaScriptisCool”,“tom”,514);
35、介绍一下JavaScript中的循环引用
在JavaScript中,当一个DOM对象包含了一个JavaScript对象的引用(比如一个事件的function),同时那个JavaScript的对象又包含了一个这个DOM对象的引用,这样就造成了一个循环引用的结构。
例如
vars=document.createElement(’span’);
document.body.appendChild(s);
s.onclick=function(){
s.style.backgroundColor=‘red’;
alert(n);
};
36、结合text这段结构,谈谈innerHTMLouterHTMLinnerText之间的区别。
innerHTML对象里面的HTML,outerHTML包括对象和里面的
innerText对象里面的文本
37、settimeout与setinteval的区别?
Settimeout只执行一次
setInteval没有次数限制
38、生成1-6之间的整数?
varNowFrame;
NowFrame=Math.random()*6+1//随机生成一个1-6之间的小数
NowFrame=parseInt(NowFrame)//把1-6之间的小数转化为整数
39、请简述javascript脚本的执行原理。
(1)浏览器接收用户的请求
(2)向服务请求某个包含avascript脚本的页面
(3)应用服务器端向浏览器发送煤响应的消息。
40、如何让一个DIV隐藏起来,如何让一个曾显示出来
Diasplay属性设置成none
41、isNaN的作用
判断是否为数字
42、JAVASCRIPT中获取某个元素的方式
Document.getElementById();
此方法在页面中搜索
Document.myform.xxx
此方法按照层次结构来获取
Document.getElementsByName()
此方法用于获得所有的名字相同的元素
43、JAVASCRIPT如何弹出一个模式对话框
window.showModalDialog(“”)
44、在做浮动广告的时候如何把DIV层漂起来
style=”position:
absolute;”
45、如何用JavaScript隐藏一个超级链接真实的地址?
代码示例如下:
//www.merchant-url-”; returntrue;’onMouseOut=’window.status=”Done”;returntrue;’ href=”http: //www.affiliate-url-” target=”_blank”>LinkTextHere 46、请写出一个JavaScript对象并初始化几个属性 代码如下: varobj={ name: “IT公司面试手册”, address: “”, outfit: { top: “naked”, bottom: “jeans”, shoes: “hikingsho” } } 47、Javascript面试题: 如何给一个Javascript的对象属性赋值? 如何取得属性值? 一个Javascript对象的属性可以用”.”操作符或者数组方式来设置和取得: 代码如下: obj.name=“IT公司面试手册”; obj["name"]=“IT公司面试手册”; 取得属性的值: varmyname=obj.name; varmyname=obj["name"]; 两种方法的区别是如果属性的名字如果是保留字的话,用点操作符就会报错,代码如下: obj.for=“IT公司面试手册”;因为for是保留字,所以会报错 obj["for"]=“IT公司面试手册”就不会报错 48、Javascript面试题: 如何创建一个JavascriptObject? 可以有两种方式创建一个JavascriptObject,代码如下: 第一种方法: varobj=newObject(); 第二种方法: varob={}; 49、为什么Javascript和Java有类似的名字? 因为Javascript语法是基于Java语法的(松散的) 50、当一个用户浏览一个包含Javascript的页面,那个程序真正的执行了这些代码? 用户机器的浏览器程序 51、“2names”是一个合法的Javascript变量名吗? 不是的 52、请写出一个Javascript数组的定义? vartxt=newArray(”tim”,“kim”,“jim”) 53、 用来在客户端浏览器不支持Javascript的时候显示标签内部的信息 54、哪个事件是在表单元素失去焦点的时候触发? onblur 55、Javascript问题: 有几种方法在你的HTML页面里面潜入一段Javascript? 方法有如下几种: 也可以使用DOM来包含javascript文件: window.onload=function(){ if(! document.getElementById||! document.createElement){return;} varnewjs=document.createElement(’script’); newjs.type=’text/javascript’; newjs.src=’myjsfile.js’; document.getElementsByTagName(’head’)[0].appendChild(newjs); } 也可以动态通过function添加一段javascript到DOM: //loadscript(’filepath/myjsfile.js’); functionloadScript(src){ newjs=document.createElement(“script”); newjs.src=src; newjs.type=’text/javascript’; head=document.getElementsByTagName(“head”)[0]; head.appendChild(newjs); } 也可以使用javascriptwriteln()来进入一段javascript: document.write(” 56、如何用JavaScript启动bat文件 varwsh=newActiveXObject(”WScript.Shell”); wsh.Run(
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- css js 企业 试题
![提示](https://static.bdocx.com/images/bang_tan.gif)