vici mvc开发第十篇——Javascript inclusion（添加Javascript）

最新推荐文章于 2012-10-18 13:34:53 发布

banny

最新推荐文章于 2012-10-18 13:34:53 发布

阅读量801

点赞数

分类专栏： .NET/C# 文章标签： javascript mvc assembly string library components

本文链接：https://blog.youkuaiyun.com/malimalihun/article/details/6398750

版权

.NET/C# 专栏收录该内容

33 篇文章

订阅专栏

Vici MVC提倡代码和标记分离，提供多种方法动态插入JavaScript到视图中，如字符串、文件或嵌入资源。RegisterJavascript系列方法用于注册JS，包括在<head>标签或单独<script>中插入。RegisterJavascriptInclude需指定相对于根目录的URL。RegisterStartupJavascript在</body>前执行，适用于DOM修改。全局基控制器可用于统一添加JavaScript，如在BaseController中注册jQuery。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vici mvc鼓励分离代码和标记，所以对于 javascript 也是如此。javascript 代码实际上是代码，而不是标记，所以它并不真正属于HTML 模板中。vici mvc容许你动态地将javascript 潜入要呈现的视图中。你可以在控制器（controller），控件(controls)，和组建( components)中完成这些操作。

您可以从字符串、文件或嵌入的资源嵌入 javascript 。

下面方法都是可用的：

RegisterJavascript(string key, bool library, string javascript) RegisterJavascriptFromResource(bool library, Assembly assembly, string resourceName) RegisterJavascriptInclude(string key, bool library, string url) RegisterJavascriptIncludeFromResource(bool library, Assembly assembly, string resourceName) RegisterStartupJavascript(string key, string javascript);

所以这些方法要不是潜入到<head>标签内，就是潜入到单独的<script>中。请注意 RegisterJavascriptInclude()方法中参数url，它必须指向根文件夹（也就是以“~/”开始）。

当以字符串形式潜入javascirpt时，关键字是必须的。当你添加javascript不止一次使用同一个关键字时，只有第一个会起作用。这个特性当你在自定义控件中添加javascript时是非常有效的。比如一个控件会显示多次，对应的javascript只会添加一次。

RegisterStartupJavascript 方法是一种特殊情况，他会在窗体呈现视图完成之前执行，也就是在执行</body>之前添加javascript。这直接会导致执行javascript之后才呈现网页。注意，这可能会导致一些问题：有些浏览器不支持在网页还没有完全呈现前执行javascript来修改DOM，好点的替代方法就是document.read（）方法，这个在主流的javascirp框架jquery中都得到很好的支持。

一、 When to call RegisterJavascriptXXX() methods

答案是：不影响。javascript总是伴随着视图的呈现执行，所以调用任何注册的javascript方法不会立即得到响应，当视图完全呈现，才会发生实际改变。

如果一些javascript被包含在所有的控制器中，你可以建立一个全局的基控制器类和一个 [BeforeAction]方法，因为所有的控制器都继承基控制器类，所以javascript会被添加到所有的控制器类中。

public class BaseController : Controller { [BeforeAction] private void RegisterJavascriptFramework() { View.RegisterJavascriptInclude("jQuery", true, "~/JavaScript/jquery-1.2.pack.js"); } } public class Controller : BaseController { public void Run() { // ... } }

未完待续：