<body>
<h1>Hello, world!</h1>
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
在HTML body部分中javascript会在页面加载时被执行，在HTML body部分中的JavaScripts会在被调用的时候才执行。
head部分中的脚本：需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中，当你把脚本放在HEAD部分中时，可以保证脚本在任何调用之前被加载。
body部分中的脚本：当页面被加载时立即执行的脚本放在HTML的body部分。放在body中的脚本通常被用来生成页面的内容。
原理：
页面读取时，如果放到head中，而没有加window.onload,有些元素还没有读到，这时浏览器就会报错，不在往下读了。这时如果放到head中，要加window.onload=function(){代码}.
如果不加onload，就放到时body尾。一般除去常用的，都是放到尾部。以防出现错误
了解前端性能优化后,再回头来思考这个问题.准确来说是放在head头,和body尾.
优先读取上面的，下面的后读取