需求:页面上要有200个div(height:20px;width:20px,id为 s1-s200)、100个input,但是type不一样,id也是和div一样有规律递增。我想到用JQ循环生成,这样对比直接在页面上写几百个div,哪种方法好?从页面加载来看,哪种高效?var startTime = new Date().valueOf();
//循环生成200个div
 return new Date().valueOf() - startTime;
 我用此代码测试后发现不一定哪个快,求高人指点,非常感谢!

解决方案 »

  1.   

    页面是先生成div等页面元素然后再执行JQ,从加载时间上看,直接敲在页面比用JQ生成要快,因为JQ要等DOM加载完,然后循环append到body中。
      

  2.   

    那你的200个div是动态生成还是静态的?
      

  3.   


    都可以,我目前做了两个例子,一个是用JS动态生成,因为id是递增的,用js循环方便,另一个就是直接在页面敲出div。 请问有何建议呢?
      

  4.   

    我觉得从页面加载来说,手写的比较快,只是编码麻烦。
    但是你可以不用一个个的写,用个java方法,写个for循环,把代码都打出来,然后直接复制
      

  5.   

    几百个div都动态生成,那其中的内容是一次请求获取还是分开的?前端循环的话,不要用jq。直接把js写到页面里。<body>
        <script>
          var content = "请求内容";  
            for (;;){
          content ;
          }
        </script>
    </body>   
      

  6.   

    把div都拼装好,一次性append。我的测试例子是1000个,刷新页面并没感觉有滞后。
      

  7.   

    一次性拼接好,然后innerHTML放页面里
      

  8.   

    肯定是 直接写在页面上的快 如果几百个div是写死的 那就直接写在页面上吧