（转）Bootstrap 之 Metronic 模板的学习之路 - （4）源码分析之脚本部分

标签：out   canvas   select   dom   put   建立   via   turn   ref   

https://segmentfault.com/a/1190000006709967

上篇我们将 body 标签主体部分进行了简单总览，下面看看最后的脚本部门。

页面结尾部分（Javascripts 脚本文件）

我们来看看代码最后的代码，摘取如下：

        <!--[if lt IE 9]>
<script src="../assets/global/plugins/respond.min.js"></script>
<script src="../assets/global/plugins/excanvas.min.js"></script> 
<![endif]-->
        <!-- BEGIN CORE PLUGINS -->
        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
        <!-- END CORE PLUGINS -->
        <!-- BEGIN THEME GLOBAL SCRIPTS -->
        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
        <!-- END THEME GLOBAL SCRIPTS -->
        <!-- BEGIN THEME LAYOUT SCRIPTS -->
        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
        <!-- END THEME LAYOUT SCRIPTS -->
    </body>

我们发现，所有脚本都在 </body> 之前，而且，源码结尾也没有</html> 标签，这主要是因为以下一些原因：

• 为什么放在最后

HTML 文件的加载都是从上往下执行的，我们一般习惯将一些对显示效果影响不大的脚本文件放到页面的最后进行加载。这样可以减少页面的加载时间。

• 为什么放在 </body> 之前

只所以脚本放在 </body> 之前，而不是之后，主要是因为：基于规则 %html.content "HEAD|BODY"，HTML 标签的子元素只能是 HEAD BODY，如果在 </body> 后再出现 <script> 或任何元素的开始标签，都是 parse error。当然，浏览器一般均有容错机制。错误嵌套的标签、以及位置放置错误的标签都会在paser HTML 过程中尝试修复。修复后得到合法的HTML后在由布局引擎建立相应的DOM对象。在<script>标签放置于</body>标签之后时，源码被所有浏览器【泛指PC上常见的】修复为正常形式，即<script></script></body>。

• 为什么没有 </html> 标签

这个我也忘了哈，好像为了被别的文件包含时，避免出现把文件闭合了这种情况。一下子找不到这方面的说明了，如果哪位大侠知道，麻烦告知。
当然，html5 是支持不闭合标签的。
这儿貌似有一点点说明：http://blog.teamtreehouse.com...

Metronic 所用到的插件和资源

Metronic 用了几十个插件和扩展资源，这才使得这个模板显得尤为强大。具体这些插件的描述我就不一一列述了，大家可以逐一点下下面表格的链接了解了解。

（转）Bootstrap 之 Metronic 模板的学习之路 - （4）源码分析之脚本部分

标签：out   canvas   select   dom   put   建立   via   turn   ref   

原文地址：http://www.cnblogs.com/telwanggs/p/7065325.html