Question

我使用这些脚本，但我不确定它们应该首先包含哪些，哪些最后包含......

<script src="~/Scripts/Jquery/jquery-1.10.2.js"></script>
<script src="~/Scripts/Jquery/Jquery-ui-latest.js"></script>
<script src="~/Scripts/Angular/Source/angular_1_0_3.js"></script>
<script src="~/Scripts/Angular/JSONMtgs/jsonAngularJs.js"></script> 
<script src="~/Scripts/Bootstrap/bootstrap.js"></script>
<link href="~/Content/Bootstrap/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/Home/Site.css" rel="stylesheet" />

“json AngularJs.js”和“Site.css”是我的个人脚本。

谢谢

Answer 1

请注意这一点。 DOM从上到下编译。所以首先你的所有风格都会被重新出现。

将您的风格置于头标

<head>
    <link href="~/Content/Bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/Home/Site.css" rel="stylesheet" />
</head>

接下来在正文部分你的html，然后你的所有脚本将被渲染。因为我们使用javascript的原因是修改dom，这就是我们首先需要等待正确渲染dom的原因。所以我们需要在所有DOM准备好之后把它放在最后。

所以现在结构就像这样

<body>
     your body content
     html tags
     .
     .
     .

     // you all javascript file goes here
     // First need to load jquery because all the below library depend on jquery
     <script src="~/Scripts/Jquery/jquery-1.10.2.js"></script>
     <script src="~/Scripts/Jquery/Jquery-ui-latest.js"></script>

     // if you use angular js then you don't need to use jquery because mostly jquery functioanlity included in angular.js library
     <script src="~/Scripts/Angular/Source/angular_1_0_3.js"></script>

     <script src="~/Scripts/Angular/JSONMtgs/jsonAngularJs.js"></script> 

     // no need to use bootstrap js because angular provide directive for bootstrap also. please check this link : http://angular-ui.github.io/bootstrap/
     <script src="~/Scripts/Bootstrap/bootstrap.js"></script>

</body>

Answer 2

我猜订单是正确的，除非您在编码或输出方面没有遇到任何问题。

但据我所知，jquery通常首先出现，然后是bootstrap，其他所有人都跟随。

可能是我错了，但最好的办法就是亲自尝试看看。

Answer 3

最后放置自定义JavaScript文件，因为您最需要访问上述库。

包含这些脚本的正确顺序是什么？

3 个答案: