javascript操作ASP.NET服务器控件_实用技巧

在ASP.NET中使用js时,js获取DOM元素时,经常获取不到,这是因为获取的方法有误,现在介绍一方法,解决如何使用js获取ASP.NET控件在浏览器端生成html标签对应的id

1.获取服务器端控件在浏览器端生成的标签的id,即服务器控件对应的客户端html标签id

通过服务器端控件的ClientID属性可以获取到相应在浏览器即客户端html标签中对应的id值,获取方法如下

复制代码 代码如下:

<%= newsId.ClientID %>

2.通过dom获取相应的dom元素

可以通过js,document来获取也可以借助jquery来获取,这里以jquery来示例

复制代码 代码如下:

var newsId = $("#<%= newsId.ClientID %>");
var newsId = $("#<%= newsId.ClientID %>");

3.对dom元素进行操作

既然已经获得到要操作的元素了,接下来就可以进行相应的操作了,之后的事就看你了,开始"为所欲为"吧~~~

时间: 2024-08-03 11:10:51

javascript操作ASP.NET服务器控件_实用技巧的相关文章

javascript操作ASP.NET服务器控件

  这篇文章主要介绍了javascript操作ASP.NET服务器控件 的相关资料,需要的朋友可以参考下 在ASP.NET中使用js时,js获取DOM元素时,经常获取不到,这是因为获取的方法有误,现在介绍一方法,解决如何使用js获取ASP.NET控件在浏览器端生成html标签对应的id 1.获取服务器端控件在浏览器端生成的标签的id,即服务器控件对应的客户端html标签id 通过服务器端控件的ClientID属性可以获取到相应在浏览器即客户端html标签中对应的id值,获取方法如下 代码如下:

ASP.NET中保护自定义的服务器控件_实用技巧

自定义服务器控件是扩展 ASP.NET Web 服务器控件的功能的一种方式.下文提供了针对自定义服务器控件的用户和开发人员的基本安全准则.有关创建自定义服务器控件的更多信息,请参见开发自定义 ASP.NET 服务器控件. IDE(如 Microsoft Visual Studio 2005)简化了自定义控件的使用及开发.但是,无论使用哪一 IDE,下面列出的安全准则均适用. 有关 ASP.NET Web 应用程序安全性的常规信息,请参见 ASP.NET Web 应用程序安全性. 针对自定义服务器

asp.net中javascript与后台c#交互_实用技巧

最近做一个小项目,网页中嵌入google maps,输入经纬度坐标可以定位地图位置并加注标记,点击标记获取远端摄像头数据并在视频窗口实现播放.在实际操作过程中,由于经纬度数据和视频登录的用户名密码数据均要从后台数据库中提取,而第三版的google maps api又是在javascript中实现的,因此不可避免的需要前端脚本与后台进行交互.由于是在asp.net中实现,故问题演化成asp.net中javascript与后台c#如何进行交互. C#代码与javaScript函数的相互调用主要有四个

asp.net使用LINQ to SQL连接数据库及SQL操作语句用法分析_实用技巧

本文实例讲述了asp.net使用LINQ to SQL连接数据库及SQL操作语句用法.分享给大家供大家参考,具体如下: LINQ简介 LINQ:语言集成查询(Language INtegrated Query)是一组用于c#和Visual Basic语言的扩展.它允许编写C#或者Visual Basic代码以查询数据库相同的方式操作内存数据. LINQ是一门查询语言,和SQL一样,通过一些关键字的组合,实现最终的查询. LINQ的分类 LINQ to Object LINQ to XML LIN

ASP.NET 前台javascript与后台代码调用_实用技巧

ASP.NET中前台javascript与后台代码调用 1如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3.如何在C#中访问JavaScript的已有变量? 4.如何在C#中访问JavaScript函数? 问题1答案如下: javaScript函数中执行C#代码中的函数: 方法一:1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为document.getElementById("btn1&qu

ASP.NET怎么操作DataTable实例应用_实用技巧

有机会在博客园的博问频道上看到一个问题,<ASP.NET怎么操作DataTable>: 如上图,左边的这个表是程序构建出来的,不是数据库表,怎么通过操作DataTable手段得到右边的四个表? Insus.NET尝试做了一下,算是练习DataTable的功力了.效果如下: 根据最初数据,Insus.NET在.aspx内放置了一个Gridview,用来显示最开始的数据. 复制代码 代码如下: View Code <asp:GridView ID="GridView1"

asp.net Textbox服务器控件_实用技巧

复制代码 代码如下: <body>    <form id="form1" runat="server">    <div>         姓名:<asp:TextBox ID="txtUser" runat="server"></asp:TextBox>        <br />        <br />        性别:<a

ASP.NET(C#)中操作SQLite数据库实例_实用技巧

要想在ASP.NET项目中使用SQLite数据库,先需下载一个ADO.NET 2.0 SQLite Data Provider,下载地址为:http://sourceforge.net/project/showfiles.php?group_id=132486&package_id=145568,下载后安装完毕后,该安装程序自动在在系统注册(即可在"添加引用"中看到所安装的Provider).               然后,在项目中添加上图所选项即可.      aspx页

asp.net Page.Controls对象(找到所有服务器控件)_实用技巧

实例一: 前台 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w