如何動態產生 JavaScript 檔案

最後更新：2018-12-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

在 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>

代碼下載

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More