我们写html页面时候,一些css文件或js文件需要写完整路径,比如我们模板在Templates/Demo目录下。
可以通过下面方式去引用
<script src="/Templates/Demo/Js/jquery.min.js"></script>
但是这样做有一个弊端,某一天需要把Demo换个名字,就需要我们去修改代码中的引用路径,所以最好写法是:
<script src="@Html.TemplateDirectory()/Js/jquery.min.js"></script>
如果多个地方用到模板路径,可以在顶部初始化一个变量,如:
@{
var templateDirectory = Html.TemplateDirectory();
}
<!DOCTYPE html>
<html>
<head>
...
<link rel="stylesheet" href="@templateDirectory/Css/base.css" />
<link rel="stylesheet" href="@templateDirectory/Css/style.css" />
<script src="@templateDirectory/Js/jquery.min.js"></script>
<script src="@templateDirectory/Js/basic.js"></script>
...
</head>