常见
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用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。
       
 
 
 
10-07 13:06