javascript怎样把所有script标签移动到body最后面？

我想把全部<script>移动到body的最后面，请问javascript怎样实现？最好能有用jquery解决？问题困扰我好久了。原来的html：
<body>
<script type="text/javascript" src="ajax.js"></script> <!-- 1 -->
<div>
<script type="text/javascript" src="juery.js"></script>  <!-- 2 -->
<div>
<span>1111</span>
<script type="text/javascript">  <!-- 3 -->
function (){
alert("hello word")!
}
</script>
</div>
<ul>
<li>1111</li>
</ul>
</div>
</body>结果的html：
<body>
<div>
<div>
<span>1111</span>
</div>
<ul>
<li>1111</li>
</ul>
</div>
<script type="text/javascript" src="ajax.js"></script> <!-- 1 -->
<script type="text/javascript" src="juery.js"></script>  <!-- 2 -->
<script type="text/javascript">  <!-- 3 -->
function (){
alert("hello word")!
}
</script>
</body>

解决方案 »

  1.   

    直接移就可以了，只要不是document.write的都可移
      

  2.   

    能否写小段代码让我参考一下，我只会jquery，javascript原生代码不太熟练
      

  3.   

    <script type="text/javascript">  <!-- 3 -->
            function (){
                alert("hello word")!
            }
        </script>
    这个就是
      

  4.   

    晕，那个<!-- 3 -->应该是//3,我懒得改而已，我的意思是把<script>...</script>的东西全部移动底部啊
      

  5.   

    我的意思是设计一个button,点击button后，js全部移动到body的最底层，你不帮忙也用不着耍人吧。
    <body>
    <script type="text/javascript" src="http://localhost/leb/auto/js/jquery-latest.js"></script>
    <script>
    function move(){
    ......
    }
    </script>
    <button onclick="move()">移动js节点</button> <!-- 点击这里把所有script标签移动到body最下面 -->
    <div>
    <script type="text/javascript" src="juery.js"></script>  <!-- 2 -->
    <div>
    <span>1111</span>
    <script type="text/javascript">  //3
    function (){
    alert("hello word")!
    }
    </script>
    </div>
    <ul>
    <li>1111</li>
    </ul>
    </div>
    </body>
      

  6.   

    因为如果用
    <script>
    var a= $("body>div:eq(0)").html()
    $("body>div:eq(0)").html(a)
    </script>
    div里面的script不见了。
      

  7.   

    这段代码没有任何意义，并且应该放在</html>后如果放在前面取不到div的innerHTML
      

  8.   

    如果你想在顶部运行的话加个$(document).ready(function()
    {//这里写代码})
      

  9.   

    无奈，等待期待hookee中就是想要这样的功能
      

  10.   

    出于安全性和JS不能跨域，用jquery不能对script带src属性的script标签进行操作
    你还是直接用脚本写吧
      function move(){
         var scripts = document.getElementsByTagName("script");
         for(var i=scripts.length-1;i>=0;i++){
            document.body.appendChild(scripts[i]);
         }
      }
      

  11.   

    这个有意义吗，请解释下，实在不明白，除非你使用GWT这样的框架生成的代码，那还好说说，自己写的，干吗不手动放，要知道DOM操作很费时间的
      

  12.   

    按eugenepada姐的代码在firefox中测试了一下，出现错误：
    uncaught exception: [Exception... "Component returned failure code: 0x80004003 (NS_ERROR_INVALID_POINTER) [nsIDOMHTMLBodyElement.appendChild]" nsresult: "0x80004003 (NS_ERROR_INVALID_POINTER)" location: "JS frame :: file:///F:/leb%E7%BB%83%E4%B9%A0%E5%9C%BA/8-1/movejs.html :: move :: line 22" data: no]彻底绝望，这题无解了。谢谢eugenepada姐的热心帮帮！
    <body>
    <script type="text/javascript" src="http://localhost/leb/auto/js/jquery-latest.js"></script>
    <div>
    <script type="text/javascript" src="juery.js"></script>  <!-- 2 -->
    <div id="test">
    <span>1111</span>
    <script type="text/javascript">  <!-- 3 -->
    function abc (){
    alert("hello word")
    }
    </script>
    </div>
    <ul>
    <li>1111</li>
    </ul>
    </div>
    <div id="result">result</div>
    <script>
    function move(){
    var scripts = document.getElementsByTagName("script");
    for(var i=scripts.length-1;i>=0;i++){
    document.body.appendChild(scripts[i]);
    }
    }
    </script>
    <button onclick='move()'>move js</button>
    </body>
      

  13.   

    写错了，是i--,不是i++function move(){
         var scripts = document.getElementsByTagName("script");
         for(var i=scripts.length-1;i>=0;i--){
            document.body.appendChild(scripts[i]);
         }
      }
      

  14.   

    谢谢！，太谢谢了，代码能行。
    今晚能睡个好觉了，eugenepada我爱你一万年。