遇到的困难

在ASP .NET MVC里面，会使用_Layout.cshtml来绘制一些全局的公共页面，以及引用相关的css和js
而在每个独立的页面中，也有自己独立的js
一般来说，希望公共的js放在独立的js之前
css同理

作法

方案1

使用@RenderSection-@section XXX的方法
在_Layout.cshtml里定义一个放置@section里面内容的地方，再在独立页面中使用@section XXX放置相关引用
保证XXX名字相同，则加载的时候，会放置到_Layout.cshtml的对应位置
下面例子中定义了"Styles"和"Scripts"两个section，展示了"Scripts"的使用
_Layout.cshtml

<!DOCTYPE html>

<html>

<head id="Head1">

    <title>

    </title>

    <link href="~/css/common/style.css" rel="stylesheet" type="text/css">

    <link href="~/lib/kkpager/kkpager_orange.css" rel="stylesheet" type="text/css">

    <link href="~/lib/swiper/dist/css/swiper.min.css" rel="stylesheet" type="text/css">

    <link href="~/lib/layer/theme/default/layer.css" rel="stylesheet" type="text/css">

    @RenderSection("Styles", required: false)

</head>

<body>

    @RenderBody()

    <script type="text/javascript" src="~/js/common/jquery.js"></script>

    <script type="text/javascript" src="~/lib/angular/angular.min.js"></script>

    <script type="text/javascript" src="~/lib/kkpager/kkpager.min.js"></script>

    <script type="text/javascript" src="~/lib/swiper/dist/js/swiper.min.js"></script>

    <script type="text/javascript" src="~/lib/layer/layer.js"></script>

    <script type="text/javascript" src="~/js/common/common.js"></script>

    <script type="text/javascript" src="~/js/common/jquery.jslides.js"></script>

    @RenderSection("Scripts", required: false)

</body>

</html>

独立页面中，这样写

@section Scripts

{

    <!--这里的内容会放置在@RenderSection("Scripts", required: false)的位置-->

    <script type="text/javascript" src="~/js/news/index.js"></script>

}

方案2（不推荐）

把公共的js放在Head里面，像这样

<!DOCTYPE html>

<html>

<head id="Head1">

    <title>

    </title>

    <link href="~/css/common/style.css" rel="stylesheet" type="text/css">

    <link href="~/lib/kkpager/kkpager_orange.css" rel="stylesheet" type="text/css">

    <link href="~/lib/swiper/dist/css/swiper.min.css" rel="stylesheet" type="text/css">

    <link href="~/lib/layer/theme/default/layer.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="~/js/common/jquery.js"></script>

    <script type="text/javascript" src="~/lib/angular/angular.min.js"></script>

    <script type="text/javascript" src="~/lib/kkpager/kkpager.min.js"></script>

    <script type="text/javascript" src="~/lib/swiper/dist/js/swiper.min.js"></script>

    <script type="text/javascript" src="~/lib/layer/layer.js"></script>

    <script type="text/javascript" src="~/js/common/common.js"></script>

    <script type="text/javascript" src="~/js/common/jquery.jslides.js"></script>

    @RenderSection("Styles", required: false)

</head>

<body>

    @RenderBody()

    @RenderSection("Scripts", required: false)

</body>

</html>

js,css引用顺序设定的更多相关文章

  1. JS的引用顺序真的灰常重要

    JS的引用一定要记得顺序,不然常常会被小小的问题卡住很久.

  2. js的引用顺序

    注意:Bootstrap中的JS插件依赖于JQuery,因此JQuery要在Bootstrap之前引用!!! 把JS文件引用放入body的最下面,是为了使js在网页全部加载完后才起作用,比如你的js里 ...

  3. .Net MVC4笔记之js css引用与压缩

    1.引用时,可以用即可以直接使用“~”来表示根目录. 引入js 引入js 引入css <link href="~/Content/uploadify/uploadify.css&quo ...

  4. ASP.Net MVC(4) 之js css引用与压缩

    资源引用 可以用即可以直接使用“~”来表示根目录. 引入js <script src="~/Areas/OrderManage/JS/Form.js"></scr ...

  5. 网站项目所有js css无法引用问题解决方案

    网站页面中的所有js css引用失效,路径确保正确,但是浏览器就是报找不到引用.仔细查找发现问题所在: 报错信息很详细了,就是.NET Framework 版本不同导致.同时也提供了两个解决方案:将. ...

  6. springMVC下jsp引用外部js,css等静态资源的解决方法

    直入主题. 1. web.xml对springMVC配置如下: <servlet> <description>Spring MVC配置</description> ...

  7. webpack下css/js/html引用图片的正确方式

    在webpack的处理下,为了使引用的图片被打包编译(以把src的图片文件编译到dist中或者对src的文件进行base64编码),应使用如下引用方式: 1. 在html/ejs等中引用图片: 借助r ...

  8. extentreports 测试报告引用extend.js/css失败

    测试工程引用extentreports 生成的测试报告,因为报告中的js和css网络不通,所以页面乱码 解决思路: 下载需要的js.css放到测试工程的static目录下 下载extentreport ...

  9. JS引用另外JS文件的顺序问题。

    1.在a.js中可以引用b.js文件,这样就可以在网页中只引用a.js文件,从而可以使用a.js和b.js文件中的所有方法. 引用格式如下:document.write('<script typ ...

随机推荐

  1. android开发音乐播放器--Genres和Art album的获取

    最近在做一个项目,其中涉及到音乐播放器.当用到Genres和Art album时花费了一些时间才搞定,今天把方法草草列出,以供自己以后忘记时查看,也希望可以帮助碰到同样问题的道友!! 一.Genres ...

  2. ios开发之多线程---GCD

    一:基本概念 1:进程:正在运行的程序为进程. 2:线程:每个进程要想执行任务必须得有线程,进程中任务的执行都是在线程中. 3:线程的串行:一条线程里任务的执行都是串行的,假如有一个进程开辟了一条线程 ...

  3. 【机器学习实战】第7章 集成方法（随机森林和 AdaBoost）

    第7章 集成方法 ensemble method 集成方法: ensemble method(元算法: meta algorithm) 概述 概念:是对其他算法进行组合的一种形式. 通俗来说: 当做重 ...

  4. 微信开发学习日记（五）：weiphp开源框架的bug，公众号权限编辑问题

    最近在研究weiphp,总体感觉还行,bug据说还挺多. 这不,我就遇到一个比较严重影响使用的.感觉不太应该出现这么严重的bug啊. weiphp的微信公众号等级,权限增加和编辑bug,看不到权限列表 ...

  5. FullPage.js全屏滚动插件解说

    1.主要功能 1).支持鼠标滚动 2).多个回调函数 3).支持手机.平板触屏事件 4).支持css3动画 5).支持窗口缩放 6).窗口缩放时自动调整 7).可设置滚动宽度.背景颜色.滚动速度.循环 ...

  6. protobuf中会严重影响时间和空间损耗的地方

    http://blog.chinaunix.net/uid-26922071-id-3723751.html 当前项目中普遍用到GOOGLE 的一个开源大作PROTOBUF,把它作为网络应用层面的传输 ...

  7. log4j配置参考手册：log4j.properties和log4j.xml两种格式

    log4j是Java Web开发中,最常用的日志组件之一.网上关于log4j的配置满天飞,我主要是从网上学习的配置.之前的很多年,主要使用log4j.properties这种格式.后来,项目中boss ...

  8. UiwebView and html

    基础篇: NSURL介绍 http://blog.csdn.net/ysy441088327/article/details/7416759 网页执行js代码   复制代码 stringByEvalu ...

  9. NOIP模拟 Work - 二分 + 树状数组 / ???

    题目分析 如果没有最后的注意事项,此题就是二分裸题.有了注意事项,会有两种思路: 在线:二分天数t,并在主席树上求1~t天中大于d(浪费的时间)的时间之和以及数量,答案即为:sum - d * cnt ...

  10. WPF 针对数据源某个属性进行排序

    原文:WPF 针对数据源某个属性进行排序 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/wanlong360599336/article/detai ...