asp.NET后台输出js脚本代码

作者:袖梨 2022-06-25

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

 代码如下 复制代码

Respone.Write(“hello word!”);    或输出JS    Respone.Write("");

但是,当你查看客户端源码时,你会发现,输出的内容呈现在源码的最前端,显然它破坏了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中添加 以下代码段

 代码如下 复制代码

requestEncoding="utf-8" responseEncoding="utf-8" uiCulture="zh-CN" culture="zh-CN" fileEncoding="utf-8" />

在解决完后台乱码问题,接着出现前台乱码问题,详情问题2

2、 问题:在添加完以上节点后,系统前台页面出现以下乱码问题:


原因:由于添加了 fileEncoding="utf-8"该项目,造成导航无法显示

解决方法:删除该选项

3、 问题:由系统后台生成的JS文件,在前台的*.aspx的页面中调用时乱码,效果如下:

原因:JS采用的是GB2312编码,而*.aspx采用的UTF-8编码方式,解决思路,统一编码方式

解决方法:第一步:根据问题1解决方法操作,注:不要加 fileEncoding="utf-8"

第二步:在需要调用到JS的aspx页中加入

第三步:在页面加载事件中加入下句

 

 代码如下 复制代码
protected void Page_Load(object sender, EventArgs e)
    {
        Response.ContentEncoding = System.Text.Encoding.GetEncoding("GB2312");
   }

相关文章

精彩推荐