web前端面试题.docx

文档介绍：1 请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性)
答:
=function(e){
  e=e||;
  var o=||;
  alert();
}   
2 请指出一下代码的性能问题,并经行优化。
   var info="腾讯拍拍网(旗下知名电子商务网站。";
   info +="拍拍网于2005年9月12日上线发布,";
   info +="2006年3月13日宣布正式运营,";
   info +="是目前国内第二大电子商务平台。";
   info=(",");
   for(var i=0; i<; i++)
    {
       alert(info[i]);
    }
答:输出字符串没有必要用for。
3   请给出异步加载js方案,不少于两种。
答:");
        <script>
        ("<script src=""></script>");
        </script>
    
        <script src="" id="s1"><script>
        <script>
        =""
        </script>
    
        <script>
        var oHead=("HEAD").item(0);
        var oScript=("script");
        ="text/javascript";
        ="";
        (oScript);
       </script>
4   请写出jQuery绑定事件的方法,不少于两种。
答:
$("").click()
$("").ready()
$("").change()
$("").focus()
5   请设计一套方案,用于确保页面中JS加载完全。
答:原生用onload,jq用ready。
6. 用 CSS 实现布局
让我们一起来做一个页面
首先,我们需要一个布局。
请使用 CSS 控制 3 个 div,实现如下图的布局。
这题不难,在平时项目开发过程中也经常会碰到:
主要考虑几个问题:1. IE6 的 3 像素 BUG;2. 清楚浮动;
CSS代码
[css] view plaincopy
*{margin:0;padding:0;}  
div{background:blue;}  
.frist{float:left;width:100px;height:150px;}  
.second{clear:left;float:left;width:100px;height:150px;margin:10px 0 0 0;}  
.third{width:200px;height:310px;margin-left:110px;_margin-left:107px;}  
XML/HTML代码
[html] view plaincopy
<div class="first" id="first">1</div>  
  
<div class="second" id="second">2</div>  
  
<div class="third" id="third">3</div>  
7. 用 javascript 优化布局
由于我们的用户群喜欢放大看页面
于是我们给上一题的布局做一次优化。
当鼠标略过某个区块的时候,该区块会