如何在ASP.NET服务器控件库中嵌入JavaScript脚本文件(转)

简介: 需求:建立一个类库TestControls,这个类库中包含若干ASP.NET服务器控件,其中有一些会调用客户端的JavaScript函数,把这些函数放入TestScript.js中。其实是很简单的需求,但是在我没有搞定之前,在网上确实找了很多文章,大家提了这样那样的问题,也提了这样那样的解决方法,但最后还是自己碰运气搞定的,唉。

需求:建立一个类库TestControls,这个类库中包含若干ASP.NET服务器控件,其中有一些会调用客户端的JavaScript函数,把这些函数放入TestScript.js中。

其实是很简单的需求,但是在我没有搞定之前,在网上确实找了很多文章,大家提了这样那样的问题,也提了这样那样的解决方法,但最后还是自己碰运气搞定的,唉。把经验分享出来,希望大家不要再走弯路。

下面演示一个例子,把上面的需求再简化一下,类库还是要建立的,里面只有一个服务器控件TestControl,这个控件没有界面,只负责把JavaScript脚本注册到网页中即可,为了快速看到效果,脚本文件里面不加函数,只放一句Alert,这样只要注册成功了,打开页面的时候就会看到亲爱的提示框,表明调试通过。

首先需要建立一个类库工程,名称为TestControls。
把默认带的Class1.cs直接删除。
新建一个类TestControl,从System.Web.UI.WebControls.WebControl继承。
新建一个JavaScript脚本TestScript,将该脚本的“生成操作”属性的值,从“内容”修改为“嵌入的资源”。
新建一个Web项目用于测试,Web项目需要在Web.config中做一些设置。

TestScript.js

a lert( " script is registered. " );


TestControl.cs

using  System;
using  System.Collections.Generic;
using  System.Text;
using  System.Web.UI.WebControls;
using  System.Web;
using  System.Security.Permissions;

namespace  TestControls
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
{
    [AspNetHostingPermission(SecurityAction.Demand, Level 
= AspNetHostingPermissionLevel.Minimal)]
    
public class TestControl : WebControl
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif    
{
        
protected override void OnInit(EventArgs e)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
{
            
base.OnInit(e);

            
this.Page.ClientScript.RegisterClientScriptResource(this.GetType(), "TestControls.TestScript.js");
        }

    }

}


AssemblyInfo.cs(增加以下代码)

using  System.Web.UI;

[assembly: WebResource(
" TestControls.TestScript.js " " application/x-javascript " )]


Web.config

< pages >
    
< controls >
        
< add  tagPrefix ="tc"  assembly ="TestControls"  namespace ="TestControls" />
    
</ controls >
</ pages >

Default.aspx

< tc:TestControl  runat ="server"  ID ="TestControl1"   />


基本上以上几个步骤都做到了,结果是很确定的。

总结一下,有几个要点:
1、JavaScript文件必须修改为“嵌入的资源”。
2、嵌入JavaScript文件的类库,要增加WebResource的说明,可以放在单独文件中,也可以放在AssemblyInfo.cs中。
3、调用JavaScript的类,必须增加安全说明,不加就无法调用。
4、脚本文件名称,严格的按照命名空间加上文件名的格式,差一点都不可以。
5、控件的调用
本文转自:http://www.cnblogs.com/cuimingda/archive/2007/05/16/748968.html

博客园大道至简

http://www.cnblogs.com/jams742003/

转载请注明:博客园

目录
相关文章
|
9天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
13 0
|
10天前
|
C# Windows
.NET开源免费的Windows快速文件搜索和应用程序启动器
今天大姚给大家分享一款.NET开源(MIT License)、免费、功能强大的Windows快速文件搜索和应用程序启动器:Flow Launcher。
|
30天前
|
JavaScript 前端开发 测试技术
使用Selenium执行JavaScript脚本:探索Web自动化的新领域
本文介绍了如何在Selenium中使用JavaScript解决自动化测试中的复杂问题。Selenium的`execute_script`函数用于同步执行JS,例如滑动页面、操作时间控件等。在滑动操作示例中,通过JS将页面滚动到底部,点击下一页并获取页面信息。对于只读时间控件,利用JS去除readonly属性并设置新日期。使用JS扩展了Selenium的功能,提高了测试效率和精准度,适用于各种自动化测试场景。
41 1
|
1月前
|
JavaScript 前端开发 Java
liteflow规则引擎 执行Javascript脚本
liteflow规则引擎 执行Javascript脚本
39 1
|
1月前
|
JavaScript
uni-app中关于格式化时间的js文件
uni-app中关于格式化时间的js文件
30 0
|
2月前
|
JavaScript 前端开发 内存技术
js文件的入口代码及需要入口代码的原因
js文件的入口代码及需要入口代码的原因
|
3月前
|
XML JSON JavaScript
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
70 0
|
7天前
|
Web App开发 缓存 JavaScript
|
1月前
|
JSON JavaScript 前端开发
JS逆向快速定位关键点之9大通用hook脚本
JS逆向快速定位关键点之9大通用hook脚本