网页制作测验(答案在最后)
作为后端工程师,一般面试的时候最多考到以下问题,以下问题务必全会
1:说说div和span的区别？
2:CSS中的选择器有几种，如果要使用这些选择器设计样式，应该如何使用？
3：列出display的值，说明他们的作用。position的值有哪些? relative和absolute定位 原点
在哪里？
4:表单控件中readOnly属性和disabled属性有什么区别？
5:JQuery对象中的clone()和clone(true)有什么区别？
6：谈谈什么是JSON，并举例说明JSON对象(随便举例子)
7：javascript中的eval()函数时干什么的？
8:谈谈jquery-1.7.2.js和jquery-1.7.2.min.js的区别
9：如何获取一个id为"abc"的DOM对象，以及如何获取他的JQuery对象。他们之间如何进
行转换。
10：表格布局中如何合并单元格？
11:在html文档中CSS的书写方式有哪些，并举例说明，Javascript的书写方式有哪些，举例
说明？
12:使用JQuery实现div标签中绑定一个click事件，当被点击时背景颜色设置为红色
13.当前元素设置了浮动,那么它的前后元素会发生什么变化?
1:说说div和span的区别？
Div是块级元素, 默认样式是每一个都单独占据一行
Span是行内元素, 默认样式可以多个span在同一行显示
2:CSS中的选择器有几种，如果要使用这些选择器设计样式，应该如何使用？
3种
标签选择器 标签名
类别选择器 .类名
Id选择器 #id名
3：列出display的值，说明他们的作用。position的值有哪些? relative和absolute定位 原点在哪里？
Display的值: block 块级元素显示
None: 不显示
Inline:行内方式显示
Inline-block:行内块级显示(兼容性较差)
Position的值: relative – 自己原来位置的左上角
absolute – 距离自己最近的一个有定位的父级元素的左上角
fixed – 屏幕可见位置的左上角
4:表单控件中readOnly属性和disabled属性有什么区别？
readOnly 是只读, 默认显示正常显示, 可以随着表单一起提交
disabled 是禁用. 默认显示带灰色,表单提交时不会跟着提交
5:JQuery对象中的clone()和clone(true)有什么区别？
clone()只会复制文档, 而不会复制事件
clone(true)会连同事件一起复制
6：谈谈什么是JSON，并举例说明JSON对象(随便举例子)
json就是js中的对象
{“name”:”张三”,”age”,”20”,”talk”:function(){alert(“haha”)}};
7：javascript中的eval()函数时干什么的？
把参数中的字符串转换成js代码执行
8:谈谈jquery-1.7.2.js和jquery-1.7.2.min.js的区别
Jquery-1.7.2.js是带有排版, 注释, 方法和对象命名规范的jquery, 占用空间较大, 但是适合程序员在开发和测试中查看源代码,适用于开发和测试环境
Jquery-1.7.2.min.js是没有排版,注释,方法和对象命名都是一个字母的jquery,占用空间非常小,整个代码只有一行,非常不便于阅读,适合网络传输,适用于生产环境
9：如何获取一个id为"abc"的DOM对象，以及如何获取他的JQuery对象。他们之间如何进行转换。
//获取一个id为"abc"的DOM对象
Var abcDom = document.getElementById(“abc”);
//如何获取他的JQuery对象
Var $abc = $(“#abc”);
// dom -> jq
Var $abc = $(abcDom);
// jq -> dom
var abcDom = $abc[0];
10：表格布局中如何合并单元格？
合并行: rowspan
和并列:colspan
11:在html文档中CSS的书写方式有哪些，并举例说明，Javascript的书写方式有哪些，举例说明？
Css:
- 行内式 <div style=”width:500px”></div>
- 标签式 <style>div{width:500px}</style>
- 导入式 <link href=”….” rel=”…”/>
Js
- 标签式 <script type=”…”>alert(123)</srcipt>
- 导入式 <script src=”…” type=”…”></srcipt>
12:使用JQuery实现div标签中绑定一个click事件，当被点击时背景颜色设置为红色
$(“div”).click(function(){
$(this).css(“background-color”, “red”);
})
13.当前元素设置了浮动,那么它的前后元素会发生什么变化?
前一个元素不会影响,后一个元素会把它包围