我们写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>