常见 1.Doctype作用?标准模式与兼容模式的区别? 1).!DOCTYPE声明位于位于HTML文档中的第一行,处于html标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 2).标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 2.请描述一下 cookies,sessionStorage 和 localStorage 的区别? 1)存储大小 cookie数据大小不能超过4k; sessionStorage和localStorage虽然也有存储大小的限制,但比cookie 大得多,可以达到5M或更大。 2)有效时间 localStorage存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;sessionStorage数据在当 前浏览器窗口关闭后自动删除。cookie设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭 3).数据与服务器之间的交互方式 cookie的数据会自动的传递到服务器,服务器端也可以写cookie到客户端; sessionStorage和 localStorage不会自动把数据发给服务器,仅在本地保存。 3.CSS隐藏元素的几种方法(至少说出三种) opacity:0; visibility:hidden; display:none; position:absolute;将位置设置到不可见的区域 4.CSS清除浮动的几种方法(至少两种) 1)父级div定义:overflow:hidden; 2)给父级元素设置高度(在浮动元素高度不确定的情况下不适用) 3)父级元素div设伪类:after 并加clea:both; 4)以浮制浮,给父级元素也设置浮动 5.写出几种IE6 BUG的解决方法 1.双边距BUG float引起的 使用display 2.像素问题 使用float引起的 使用dislpay:inline -3px 3.超链接hover 点击后失效 使用正确的书写顺序 link visited hoveractive 4.Ie z-index问题给父级添加position:relative 5.Png 透明 使用js代码 改 6.Min-height 最小高度!Important 解决’ 7.select 在ie6下遮盖 使用iframe嵌套 8.为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的,使用over:hidden,zoom:0.08 line-height:1px) 6.说说你对HTML5认识?(是什么,为什么) 是什么: HTML5指的是包括 HTML 、 CSS 和 JavaScript 在内的一套技术组合。它希望能够减少网页浏览 器对于需要插件的丰富性网络应用服务( Plug-in-BasedRich Internet Application , RIA ) 7.浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层 分别是:HTML、CSS、JavaScript 作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业 务。 8.HTMl和XHTML区别 HTML即是超文本标记语言(Hyper Text Markup Language),是最早写网页的语言,但是由于时间早,规范不是很好,大小写混写且编码不规范;XHTML即是升级版的html(Extensible Hyper Text Markup Language),对html进行了规范,编码更加严谨纯洁,也是一种过渡语言,html向xml过渡的语言;XML可扩展标记语言(Extensible Markup Language),是一种跨平台语言,编码更自由,可以自由创建标签。 html与xhtml之间的区别:1、xhtml对比与html,xhtml文档具有良好完整的排版,体现在两方面:a、元素必须要有结束标签;b、元素必须嵌套;2、对于html的元素和属性,xhtml必须小写,因为xml是严格区分大小写的,<li>和<LI>是不同的标签;3、xhtml的属性值必须在引号之中 9.alt和title的区别 alt:图像的代替文本 title:是光标悬浮上面时显示的内容 10. link和import区别 1). link 是 XHTML 标签,无兼容问题; @import 是在 CSS2.1 提出的,只有IE5以上才能识别 2). 语法结构不同。 link (链接式)只能放入HTML源码中,语法为: <linkrel="stylesheet" href="style.css"type="text/css"/> @import (导入式)语法为: <style type="text/css"> @import url("style.css"); </style> 3). link方式的样式的权重 高于@import的权重。 4). 加载时间不同。 页面被加载的时,link会和 HTML 的主体部分同时被加载,而@import引用的CSS会等到页面被加载完再加载。(所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显。) 11.说说超链接target属性的取值和作用? target这个属性指定所链接的页面在浏览器窗口中的打开方式。 它的参数值主要有: a、 _blank :在新浏览器窗口中打开链接文件 b、 _parent :将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就象 _self 参数一。 c、 _self :在同一框架或窗口中打开所链接的文档。此参数为默认值,通常不用指定。但是我不太理解。 d、 _top :在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架。 12.简述一下src与href的区别? src用于替换当前元素, href 用于在当前文档和引用资源之间确立联系。 src是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求 src 资源时会将其指向的资源下载并应用到文档内,例如 js 脚本, img 图片和 frame 等元素 ref是 HypertextReference 的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,如果我们在文档中添加 <linkhref='common.css' rel='stylesheet'/> 13.表单 1)组成:表单标签、表单域、表单按钮 2)主要用途:表单主要负责采集数据,向服务器传送数据 3)表单提交中Get和Post方式的区别? (1)、 get 是从服务器上获取数据, post 是向服务器传送数据。 (2)、 get 是把参数数据队列加到提交表单的 ACTION 属性所指的 URL 中,值和表单内各个字段一一对应,在 URL 中可以看到。 post 是通过 HTTP post 机制,将表单内各个字段与其内容放置在 HTMLHEADER 内一起传送到 ACTION 属性所指的 URL 地址 , 用户看不到这个过程 3)、对于 get 方式,服务器端用 Request.QueryString 获取变量的值,对于 post 方式,服务器端用 Request.Form 获取提交的数据。 4)、 get 传送的数据量较小,不能大于 2KB 。 post 传送的数据量较大,一般被默认为不受限制。但理论上, IIS4 中最大量为 80KB , IIS5 中为100KB 。 (5)、 get 安全性低, post 安全性较高。 14.Ajax 是什么?Ajax 的交互模型?同步和异步的区别? Ajax是什么: 1.通过异步模式,提升了用户体验 2.优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 3.Ajax 在客户端运行,承担了一部分本来由服务器承担的工作,减少了大用户量下的服务器负载。 Ajax的最大的特点: 1.Ajax可以实现动态不刷新(局部刷新) 2.readyState 属性状态 有5个可取值: 0 = 未初始化,1 = 启动, 2 = 发送,3 = 接收,4 = 完成 Ajax同步和异步的区别: 1.同步:提交请求 -> 等待服务器处理 -> 处理完毕返回,这个期间客户端浏览器不能干任何事 2.异步:请求通过事件触发 -> 服务器处理(这是浏览器仍然可以作其他事情)-> 处理完毕ajax.open方法中,第3个参数是设同步或者异步。 15.null和undefined的区别? null是一个表示"无"的对象,转为数值时为0,undefined是一个表示"无"的原始值,转为数值时为NaN。当声明的变量还未被初始化时,变量的默认值为undefined,null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。