程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> 如何利用asp.net輸出js

如何利用asp.net輸出js

編輯:關於ASP.NET

利用asp.net輸出js我們大多數都會直接使用Respone.Write()然後根js格式的代碼,再在頁面調用時我們直接這樣是完全可以實現的,下面我來給大家介紹另一種方法

我是我最初的想法以下是代碼片段:

Respone.Write(“hello word!”);

但是,當你查看客戶端源碼時,你會發現,輸出的內容呈現在源碼的最前端,顯然它破壞了HTML的格式,在某些情況下這是會影響到頁面布局等效果的。正確的輸出方式應該是:

this.ClientScript.RegisterStartupScript

this.ClientScript.RegisterClientScriptBlock.

this.ClientScript.RegisterStartupScript是在Form開始的第一行注冊腳本,後者則是在Form結尾處注冊腳本。這樣就不會破壞HTML得格式了,如:

this.ClientScript.RegisterStartupScript(this.GetType(), "scriptKey", "")

this.ClientScript.RegisterStartupScript(this.GetType(), "scriptKey", "alert('hello word!');",True)

this.ClientScript.RegisterClientScriptBlock也類似UpdatePanel

當你想在UpdatePanel內輸出一段JS時,運用以上方法就會得不到預期的效果。那麼請看一下示例。

有一個UpdatePanel的ID是upPn

ScriptManager.RegisterClientScriptBlock(upPn,this.GetType(), "scriptKey", "alert('hello word!');",True)

ScriptManager.RegisterStartupScript(upPn,this.GetType(), "scriptKey", "alert('hello word!');",True)

這樣的話,當UpdatePanel內容加載到客戶端後,就會彈出“hello word!”對話框。

這樣的話,從後台輸出JS就更加方便了

還有一種辦法,就是像生成xml一樣直接生成js文件了,這樣直接調用js文件,就可以了,實例

protected override void Render(HtmlTextWriter writer)
{
    int titleid =0;
    StringWriter html = new StringWriter();
    System.Web.UI.HtmlTextWriter tw = new System.Web.UI.HtmlTextWriter(html);
    base.Render(tw);
    StreamWriter sw;
     
    string dir = Server.MapPath("~/js/ask/");
     
    if (!Directory.Exists(dir))
    {
        Directory.CreateDirectory(dir);
    }
     
    string path = dir + "ask"+"_" + titleid + ".js";
     
    sw = new StreamWriter(path, false, System.Text.Encoding.UTF8);
     
    string newhtml = html.ToString().Replace(""", "").Replace("rn", "");
    string lasthtml = "document.write("" + newhtml + "")";
     
    sw.Write(lasthtml.ToString());
    sw.Close();
    tw.Close();
}

JS文件調用亂碼解決方法

1、 問題:後台字體倒顯示?效果如下:

原因:由於Asp.net采用UTF-8編碼,原先使用GB2312導致亂碼。

解決方法:在Web.config中添加 以下代碼段

<system.web>
<globalization requestEncoding="utf-8" responseEncoding="utf-8" uiCulture="zh-CN" culture="zh-CN" fileEncoding="utf-8" />
</system.web>

在解決完後台亂碼問題,接著出現前台亂碼問題,詳情問題2

2、 問題:在添加完以上節點後,系統前台頁面出現以下亂碼問題:

原因:由於添加了 fileEncoding="utf-8"該項目,造成導航無法顯示

解決方法:刪除該選項

3、 問題:由系統後台生成的JS文件,在前台的*.aspx的頁面中調用時亂碼,效果如下:

原因:JS采用的是GB2312編碼,而*.aspx采用的UTF-8編碼方式,解決思路,統一編碼方式

解決方法:第一步:根據問題1解決方法操作,注:不要加 fileEncoding="utf-8"

第二步:在需要調用到JS的aspx頁中加入 <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />

第三步:在頁面加載事件中加入下句

protected void Page_Load(object sender, EventArgs e)
{
   Response.ContentEncoding = System.Text.Encoding.GetEncoding("GB2312");
}

查看本欄目

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved