如何动态生成 JavaScript 文件
2009-04-23 23:55
591 查看
在 ASP.NET 里面，服务器端动态生成 JavaScript 的方式是灵活多样的，包括生产页面内脚本块和外部文件，本文讨论了4种可行的方案。
文章目录
一、向客户端注册脚本
二、Application_Start 事件里面生成 JavaScript 文件
三、用 Web Form 来实现
四、利用一般处理程序 ashx 文件
生成的客户端代码
调用方式
代码下载
一、向客户端注册脚本
先用Page.ClentScript.IsClientScriptBlockRegistered()判断脚本是否已经注册，若未注册，则调用 Page.ClientScript.RegisterClicentScriptBlock，具体可以看这篇文章在 ASP.NET 2.0 中高效率地使用 JavaScript - Part 1。至于 ASP.NET AJAX，ScriptManager 类有另外一套注册客户端脚本的方法。
二、在Web应用程序启动的时候用流往服务器写入JavaScript 脚本文件，即在Application_Start 事件里面生成 JavaScript 文件，然后在页面里调用。
那就在程序启动的时候
string path = Server.MapPath("../js/xyz.js ");
// Delete the file if it exists.
if (File.Exists(path))
{
File.Delete(path);
}
// Create the file.
StreamWriter sr = File.CreateText(path);
sr.WriteLine ("function f1()");
sr.WriteLine ("{");
// 这里是f1的内容
// ……
sr.WriteLine ("}");
sr.Close();
三、用 Web Form 来实现
在 Page_Load 事件里面输出 JavaScript 脚本流，然后用 Response.End() 方法将当前所有缓冲的输出发送到客户端，停止该页的执行，因为标签是在Page Render 事件呈现的，Page Load 事件先于 Page Render 执行，执行到Response.End() ，结束该页的输出，Page Reader 的内容就不再输出了，则后面的<html><head><body> 之类的标签就不会输出。
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Response.ContentType = "text/javascript"
Response.Write("var External = {};" & vbCrLf)
Response.Write("External.hello='Hello, This is external JavaScript output in Page_Load event and end by Response.End() method !';")
Response.End()
End Sub
四、利用一般处理程序 ashx 文件
在解决方案资源管理器里面“添加新项”，选择“一般处理程序”，点添加后生成一个 ashx 后缀名的文件。该文件类继承 IHttpHandler 接口，定义 ASP.NET 为使用自定义 HTTP 处理程序同步处理 HTTP Web 请求而实现的协定。它只公开了两个成员
IsReusable: 获取一个值，该值指示其他请求是否可以使用 IHttpHandler 实例。如果 IHttpHandler 实例可再次使用，则为 true；否则为 false。将 IsReusable 属性用所提供的重写 IsReusable 属性访问器 (getter) 的代码显式设置为 true 或 false。
ProcessRequest: 这个输出数据流的关键方法，它通过实现 IHttpHandler 接口的自定义 HttpHandler 启用 HTTP Web 请求的处理。 用context.Response.Write() 向客户端输出数据。
<%@ WebHandler Language="VB" Class="OutsiteJS" %>
Imports System
Imports System.Web
Public Class OutsiteJS : Implements IHttpHandler
Public Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest
context.Response.ContentType = "text/plain"
context.Response.Write("var Outsite = {};")
context.Response.Write("Outsite.greeting = 'Hello! This is outsite javascript created by ashx file(一般处理程序)';")
End Sub
Public ReadOnly Property IsReusable() As Boolean Implements IHttpHandler.IsReusable
Get
Return False
End Get
End Property
End Class
生成的客户端代码
var External= {};
External.hello='Hello, This is external JavaScript output in Page_Load event and end by Response.End() method !'
调用方式
调用方式其实跟通常的调用外部 Javascript 差不多，只是<script> 标签加上 type="text/javascript" 属性，以免识别不了文件类型， src 属性设置为动态文件的文件名，如"makeJS.aspx" 而不是通常的“filename.js”。
<script type="text/javascript" src="makeJS.aspx"></script>
<script type="text/javascript" src="OutsiteJS.ashx"></script>
<script type="text/javascript">
alert(External.hello)
alert(Outsite.greeting)
</script>
代码下载
文章目录
一、向客户端注册脚本
二、Application_Start 事件里面生成 JavaScript 文件
三、用 Web Form 来实现
四、利用一般处理程序 ashx 文件
生成的客户端代码
调用方式
代码下载
一、向客户端注册脚本
先用Page.ClentScript.IsClientScriptBlockRegistered()判断脚本是否已经注册，若未注册，则调用 Page.ClientScript.RegisterClicentScriptBlock，具体可以看这篇文章在 ASP.NET 2.0 中高效率地使用 JavaScript - Part 1。至于 ASP.NET AJAX，ScriptManager 类有另外一套注册客户端脚本的方法。
二、在Web应用程序启动的时候用流往服务器写入JavaScript 脚本文件，即在Application_Start 事件里面生成 JavaScript 文件，然后在页面里调用。
那就在程序启动的时候
string path = Server.MapPath("../js/xyz.js ");
// Delete the file if it exists.
if (File.Exists(path))
{
File.Delete(path);
}
// Create the file.
StreamWriter sr = File.CreateText(path);
sr.WriteLine ("function f1()");
sr.WriteLine ("{");
// 这里是f1的内容
// ……
sr.WriteLine ("}");
sr.Close();
三、用 Web Form 来实现
在 Page_Load 事件里面输出 JavaScript 脚本流，然后用 Response.End() 方法将当前所有缓冲的输出发送到客户端，停止该页的执行，因为标签是在Page Render 事件呈现的，Page Load 事件先于 Page Render 执行，执行到Response.End() ，结束该页的输出，Page Reader 的内容就不再输出了，则后面的<html><head><body> 之类的标签就不会输出。
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Response.ContentType = "text/javascript"
Response.Write("var External = {};" & vbCrLf)
Response.Write("External.hello='Hello, This is external JavaScript output in Page_Load event and end by Response.End() method !';")
Response.End()
End Sub
四、利用一般处理程序 ashx 文件
在解决方案资源管理器里面“添加新项”，选择“一般处理程序”，点添加后生成一个 ashx 后缀名的文件。该文件类继承 IHttpHandler 接口，定义 ASP.NET 为使用自定义 HTTP 处理程序同步处理 HTTP Web 请求而实现的协定。它只公开了两个成员
IsReusable: 获取一个值，该值指示其他请求是否可以使用 IHttpHandler 实例。如果 IHttpHandler 实例可再次使用，则为 true；否则为 false。将 IsReusable 属性用所提供的重写 IsReusable 属性访问器 (getter) 的代码显式设置为 true 或 false。
ProcessRequest: 这个输出数据流的关键方法，它通过实现 IHttpHandler 接口的自定义 HttpHandler 启用 HTTP Web 请求的处理。 用context.Response.Write() 向客户端输出数据。
<%@ WebHandler Language="VB" Class="OutsiteJS" %>
Imports System
Imports System.Web
Public Class OutsiteJS : Implements IHttpHandler
Public Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest
context.Response.ContentType = "text/plain"
context.Response.Write("var Outsite = {};")
context.Response.Write("Outsite.greeting = 'Hello! This is outsite javascript created by ashx file(一般处理程序)';")
End Sub
Public ReadOnly Property IsReusable() As Boolean Implements IHttpHandler.IsReusable
Get
Return False
End Get
End Property
End Class
生成的客户端代码
var External= {};
External.hello='Hello, This is external JavaScript output in Page_Load event and end by Response.End() method !'
调用方式
调用方式其实跟通常的调用外部 Javascript 差不多，只是<script> 标签加上 type="text/javascript" 属性，以免识别不了文件类型， src 属性设置为动态文件的文件名，如"makeJS.aspx" 而不是通常的“filename.js”。
<script type="text/javascript" src="makeJS.aspx"></script>
<script type="text/javascript" src="OutsiteJS.ashx"></script>
<script type="text/javascript">
alert(External.hello)
alert(Outsite.greeting)
</script>
代码下载
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 如何让C#生成的dll动态库文件，在被引用时带有注释备注提示
- xml动态文件如何生成
- java中如何使用asm动态的生成或修改一个class文件以及asm的架构思想
- 如何动态生成txt文件供用户下载
- 如何实现JavaScript动态加载CSS和JS文件
- 如何动态加载外部Javascript文件
- 如何动态引入外部Javascript文件
- 如何用javascript动态修改css文件
- 如何使用后台代码在head标记中动态生成javascript?
- PHP动态生成javascript文件的2个例子
- [原创]javascript中如何控制动态生成的表格位置？
- （转）如何让一个动态链接库文件debug和release编译的时候生成不同的文件名
- 如何用Asp动态生成xml文件
- 浏览器客户端智能自动化：如何取得页面中JavaScript运行时动态生成的URL？
- 用 JSP 标记文件动态生成 JavaScript 代码
- JavaScript如何动态生成表格
- 如何实现JavaScript动态加载CSS和JS文件
- 动态生成javascript文件
- 如何实现JavaScript动态加载CSS和JS文件
- 如何获取java运行时动态生成的class文件？