开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

通过javascript更改ASP的BackgroundColor :TEXTBOX

通过JavaScript更改ASP的BackgroundColor: TEXTBOX是指使用JavaScript代码来动态修改ASP页面中的文本框（TEXTBOX）的背景颜色（BackgroundColor）。

在ASP中，可以使用JavaScript来操作DOM（文档对象模型）来实现这个功能。以下是一个示例代码：

<%@ Language=VBScript %>
<html>
<head>
<script language="javascript">
function changeBackgroundColor() {
    var textbox = document.getElementById("myTextbox");
    textbox.style.backgroundColor = "red";
}
</script>
</head>
<body>
<asp:TextBox ID="myTextbox" runat="server"></asp:TextBox>
<input type="button" value="Change Color" onclick="changeBackgroundColor()" />
</body>
</html>

上述代码中，我们首先定义了一个JavaScript函数changeBackgroundColor()，该函数通过document.getElementById()方法获取到ID为"myTextbox"的文本框元素，然后使用style.backgroundColor属性来修改其背景颜色为红色。

在ASP页面中，我们使用<asp:TextBox>标签来创建一个文本框，并为其指定了一个ID为"myTextbox"。接着，我们使用<input>标签创建了一个按钮，当点击按钮时，会调用changeBackgroundColor()函数来改变文本框的背景颜色。

这样，当用户点击按钮时，就会触发JavaScript代码，从而实现通过JavaScript更改ASP的BackgroundColor: TEXTBOX的效果。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
腾讯云安全产品（WAF、DDoS 高防等）：https://cloud.tencent.com/product/safety

相关搜索:在javascript中更改悬停后的backgroundColor 使用Javascript更改单击按钮时的模式backgroundColor 如何在表格内的asp:TextBox下放置asp:TextBox 使用Vanilla JavaScript检测css backgroundColor的变化从imagePickerController更改单元格的backGroundColor CollectionView GridItemsLayout更改嵌套项的BackgroundColor (按钮)更改react材料的backgroundColor -ui选择MuiList asp Textbox.text属性不会随javascript而改变处理<asp:textbox中的输入如何将值从<asp:textbox>传递给javascript函数验证TextBox中的文本更改 TextBox AutoComplete的事件已更改选定文本上的TextBox更改如何更改从数组动态创建的TouchableOpacity的backgroundColor？如何使用JavaScript更改asp标签的值？使用ASP和Javascript更改标签的样式如何通过JavaScript更改缩放属性通过javascript更改类输入值通过Javascript更改范围滑块背景如何通过javascript更改jwplayer配置

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

GridView自定义分页导航

<% @ Page Language = " C# " AutoEventWireup = " true " CodeFile = " StfCmpManager.aspx.cs " Inherits = " StfCmpManager " %>

03

AttributeCollection类与Attributes.Add方法的使用[通俗易懂]

AttitudeCollection隶属于namespace System.Web.UI命名空间。AttributeCollection类属于集合类，具有其他集合所共有的一些属性。AttributeCollection类用来封装服务器控件的所有属性，可实现对服务器属性集合的添加和删除。控件的属性包括颜色、样式、名称等，这些属性都可以通过AttributeCollection类访问到。

03

C#学习笔记——回车Enter使输入焦点自动跳到下一个TextBox

在录入界面中，用户往往需要按回车键时光标自动跳入下一个文本框，以方便录入操作。在C#中实现该功能有多种方法，以下是小编收集的不使用TAB键,而直接用回车键将光标转到下一个文本框的实现方法。

01

腾讯云 Web 超级播放器开发实战

腾讯云 Web 超级播放器 TCPlayer 可实现在手机浏览器和 PC 浏览器上播放音视频流的问题，功能强劲，兼容性好，可以不依赖用户安装 App，就能进行播放。

01

GridView编辑删除操作

第一种：使用DataSource数据源中自带的编辑删除方法，这样的不经常使用，在这里就不加说明了。

02

GridView用法，分页

其中Bind是双向数据绑定的，不能单独使用，一般用于textbox等的Text属性，并且要用单引号，比如标签内属性Text='<%# Bind(“Id”)%>’

03

利用message queue实现aspx与winform通信, 并附完整示例

先在本机(本文中的计算机名为jimmyibm)安装message queue(消息队列)，别告诉我你不会安装.(就跟安装IIS差不多的) 安装好后，打开 "计算机管理-->服务和应用程序-->消息队列-->专用队列"，新一个专用队列，命名为msmqdemo 建好后，在msmqdemo上右击，查看属性，可以看到"jimmyibm\private$\msmqdemo"这就是该队列的完整标识好了，开始写代码建一个解决方案，在解决方案中加一个winform的项目，添加System.Messgeing的引用 wi

08

ASP.NET 2.0页面框架的几处变化

本文由来源 21aspnet，由 javajgs_com 整理编辑，其版权均为 21aspnet 所有，文章内容系作者个人观点，不代表 Java架构师必看对观点赞同或支持。如需转载，请注明文章来源。

03

表格复选、复选变色、以及行的间隔行

.row{BACKGROUND-COLOR:[removed]rowIndex%2==1?:JavaScript <style type="te

02

ASP.NET：创建Linked ValidationSummary, 深入理解ASP.NET的Validation

我想对于ASP.NET的Validator控件已经熟悉的不能再熟悉了。我们已经习惯了用Validator控件来验证我们在表单的输入，并通过ValidationSummary来输出我们为Validator控件设置的Error message。不知道大家有没想过进一步改进一下我们的Validation来改善我们的User Experience。比如，在ValidationSummary输出一个Link连接到对应的控件，而不是显示单纯的Error message。比如在上图中，是一个典型的Logi

09

ASP.NET AJAX(9)__Profile Service什么是ASP.NET Profile如何使用ASP.NET ProfileProfile ServiceProfile Service预

什么是ASP.NET Profile 可以为每个用户（包括匿名用户）储存信息通过在Web.config中的配置即可在应用程序中使用强类型的属性可以定义属性组可以通过自定义ProfileProvider来扩充如何使用ASP.NET Profile 配置ProfileProvider(可以使用内置的SqlProfileProvider) 配置Profile的属性一个使用ASP.NET Profile的示例首先，运行打开Visual studio 2008命令提示工具（开始——程序——Visual

09

C#结合JS实现HtmlTable动态添加行并保存到数据库

在 Web 应用项目中，实现一对多录入的数据管理功能是一项常见的应用。因此可以实现一个相对轻量化的设计实现表格的录入，为保证功能的可用性、界面友好性，总体的需求如下：

01

通过Knockout.js + ASP.NET Web API构建一个简单的CRUD应用

较之面向最终消费者的网站，企业级Web应用对用户体验的要求要低一些。不过客户对“用户体验”的要求是“与日俱增”的，很多被“惯坏了”的用户已经不能忍受Postback带来的页面刷新，所以Ajax在企业级Web应用中得到了广泛的应用。企业级Web应用的一个特点是以“数据处理”为主，所以“面向绑定”的Knockout.js 是一个不错的选择。ASP.NET Web API，作为.NET平台最好的REST服务开发平台（主要与WCF相比），则可以以服务的形式提供对数据的后台处理。一、一个简单的基于CRUD的Web应

09

Asp.net Ajax AutoComplete 控件的用法

AutoComplete控件是微软提供的ASP.NET AJAX Control Toolkit 中的一个控件，是用来实现类似百度搜索的自动完成效果。

01

ASP.NET AJAX(13)__利用Microsoft AJAX Library开发客户端组件Sys.Component成员Sys.IDisposable成员Sys.INotifyDisposin

Microsoft AJAX Library定义了一个客户端组件的模型，它的基类是Sys.Component，它实现了三个接口Sys.IDisposable,Sys.INotifyDisposing,Sys.INotifyPropertyChange Sys.Component成员 get_events() get_id(); set_id(); get_isInitialized(); initialize(); dispose(); raisePropertyChanged(); Sys.IDispos

05

add attribute什么意思_addition的用法及短语

Attributes.Add(“javascript事件”,”javascript语句”);

01

asp.net中窗口相关操作总结(javascript)

1.打开新窗口这个简单:Response.Write(@ language=javasJavaScript

03

比较郁闷的textbox（asp.net 2.0）控件

该文讲述了在ASP.NET 2.0中，如果设置了文本框控件（TextBox）的ReadOnly属性为true，则通过脚本修改文本框内容时，控件属性不会发生改变，而如果设置了ContentEditable属性为true，则可以通过脚本修改文本框内容，并反映到服务器端。

获取Repeater控件里动态声称的控件的值

经常上CSDN社区论坛的朋友应该知道在CSDN里面结贴的时候会让你给各个回帖的人一定的分值作为报酬。此时我们不能固定TextBox框的个数，因为回帖的人数是不固定的。而且如果将TextBox控件和单一的回帖人关联则会导致后台代码冗余，也不利于维护和扩展吗，显得不灵活不显示。

04

验证码无刷新更换

这二天一个小兄弟问到我这个，其实很简单，贴在这里备个份： Code <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JsSafeCode._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio

OnKeyPress事件和Javascript检测键盘输入

对于有些时候，我们需要检测用户键盘输入的键盘信息，来处理一些相应的事件。这里田子建议使用OnKeyPress=“”事件来处理。相类似的还有OnKeyUp和OnKeyDown事件，这些田子个人认为都不是特别的理想化。假如，我们预定义一个方法function EventCommand(oEvent){ document.write(oEvent.keyCode); }，这个方法用来显示输入键盘的键值。那么在OnKeyPress传值的时候，就必须这么传：OnKeyPress="EventCommand(eve

08

VML实现的饼图JavaScript类封装

本文由来源 21aspnet，由 javajgs_com 整理编辑，其版权均为 21aspnet 所有，文章内容系作者个人观点，不代表 Java架构师必看对观点赞同或支持。如需转载，请注明文章来源。

05

Master page_enableeventvalidation「建议收藏」

Master page/content page postback problem

02

ASP.NET验证控件学习总结与正则表达式学习入门

在做Web应用程序的时候，因为用户有可能输入各式各样的信息，经常需要大量的数据验证，如果交给服务器去验证的话，无疑会增加服务器的压力，而且也容易造成程序的异常。甚至导致网站出现一些安全问题。因此我们在将这些信息保存到网站的数据库之前,要对这些用户所输入的信息进行数据的合法性校验,以便后面的程序可以安全顺利的执行。

03

ASP.NET2.0中用Gridview控件操作数据

在ASP.NET 2.0中，加入了许多新的功能和控件，相比asp.net 1.0/1.1，在各方面都有了很大的提高。其中，在数据控件方面，增加了不少控件，其中的Gridview控件功能十分强大。在本文中，将探讨Gridview控件中的一些功能特性和用法，如果各位读者对Gridview控件不大了解，可以通过《使用ASP.NET 2.0中的Gridview控件》一文，来对Gridview控件有个初步的认识。

01

C# Web应用调用EXE文件的一些实践

最近同事使用Python开发了一款智能文字转语音的程序，经讨论部署在WINDOWS环境服务器下，因此需要生成目标为可执行程序文件，即EXE文件。需要在WEB应用程序里进行调用，并传递相关参数。

01

ASP.NET服务器控件与客户端控件OnClientClick和OnClick的用法比较

<head runat="server"> <title>无标题页</title> <script language="javascript"> function check() { var email = document.getElementById('TextBox1'); var pwd = document.getElementById('TextBox2'); if (email.value=="" || pwd.value=="") { alert("请填写完整内容"); return false; } else { var mailStr = /(("w)+)@(("w)+).[cc|com|net|org|tv|cn]/ig; if (!mailStr.exec(email.value)) { alert('Email地址书写不正确!"n请您重新输入!'); email.value = ''; email.focus(); return false; } } } </script> </head> <body> <form id="form1" runat="server">

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return check();" OnClick="Button1_Click1" />

03

asp.net 2.0中一次性更新所有GRIDVIEW的记录

在asp.net 2.0中，gridview控件是十分不错的控件。有的时候，可能一个GRIDVIEW控件中

03

注册型网站设计的阶段总结

这是我自己想的方法，不知道大众化的方法是怎样实现的，其实分色就是利用bgcolor这个属性给表格上色

03

JS-事件之鼠标、键盘都能控制的下拉选框效果

<script type="text/javascript"> window.onload=function(e){ var box=document.getElementById('divselect'), title=box.getElementsByTagName('cite')[0], menu=box.getElementsByTagName('ul')[0], as=box.getElementsByTagName('a'),//as是一个

05

C# Eval在aspx页面中的用法及作用

Eval( " ")和Bind( " ")　这两种一个单向绑定，一个双向绑定，bind是双向绑定,但需数据源支持 ASP.NET 2.0改善了模板中的数据绑定操作，把v1.x中的数据绑定语法DataBinder.Eval(Container.DataItem, fieldname)简化为Eval(fieldname)。Eval方法与DataBinder.Eval一样可以接受一个可选的格式化字符串参数。缩短的Eval语法与DataBinder.Eval的不同点在于，Eval会根据最近的容器对象（例如

02

深入讲解 ASP+ 验证

这篇文章详细讲解了 ASP+ 验证控件的工作方式。如果要生成其中包含验证控件的复杂页面，或是要扩展验证框架，建议您阅读本文。如果要学习使用验证控件，或是要决定是否使用验证控件，请参见“ASP+ 中的用户输入验证（英文）”。

01

在ASP.NET 2.0中使用样式、主题和皮肤

ASP.NET 2.0的主题和皮肤特性使你能够把样式和布局信息存放到一组独立的文件中，总称为主题（Theme）。接下来我们可以把这个主题应用到任何站点，用于改变该站点内的页面和控件的外观和感觉。通过改变主题的内容，而不用改变站点的单个页面，就可以轻易地改变站点的样式。主题也可以在开发者之间共享。

03

asp.net动态增加服务器端控件并提交表单

为什么要用原生的呢？ 1、目的原生出现浏览器兼容性问题极少，不用测试多浏览兼容性。需要考虑到市面上的其他垃圾浏览器。 2、性能不好如果不考虑第一条你可以换一种方式直接上代码 .aspx页面 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

06

TreeView结合UpdatePanel使用时，SelectedNodeStyle不生效的解决方案

在某些时候，使用UpdatePanel可以极大的提升开发效率并且获得比较好的用户体验，尤其是做SharePoint开发时。老早就看过MSDN上申明UpdatePanel对TreeView不支持，前段时间在使用时，果然不行，比如选择了某节点但是选择样式压根就不起作用。但是我一向是有问题就解决问题，没问题找问题，抱着这种心态，总算解决了该问题。下面说下解决方案吧：

01

常见 Datagrid 错误

Datagrid 控件是 Microsoft® ASP.NET 中功能最强、用途最广的 Web 控件之一，这一点已经得到了 ASP.NET 权威人士的认同。虽然 Datagrid 控件易于使用，但同样易于给使用者带来麻烦。以下是许多人所犯的一些错误，这些人包括从初学者到富有经验的 .NET 专家。您可以看到许多苦闷的使用者在 ASP.NET 新闻组和论坛就这些错误提出问题。遵循本文概述的相当简单的步骤，可以帮助您避免这些错误，并节约大量的开发时间。

02

ASP.NET AJAX(3)__UpdatePanel

今天也不知道写不写的完了，最近闲下来了，却感冒了，早上起来都不会说话了，不过幸亏咱不是靠嘴皮子过活了，哎~~~~窃喜吧上一篇简单写到UpdatePanel的一些好处和坏处，这一篇呢，就细致的认识一下UpdatePanel这个控件，并合理的使用它 UpdatePanel的一些属性： RenderMode __Block(默认值):设定UpdatePanel使用DIV来圈出要跟新的区域 __Inline：设定UpdatePanel使用span来。。。。。。 UpdateMode

05

attributes.add的用法[通俗易懂]

this.TextBox1.Attributes.add(“onblue”, “window.Label1.style.backgroundColor=’#000000′;”);

03

实现无刷新DropDownList联动效果

在做一个文章添加功能时，想在选择大类后，自动将其所属二级小类显示出来，使用DropDownList的SelectedIndexChanged事件可以很容易实现，但每次选择后页面总要刷新一次，让人感觉很不爽。为实现DropDownList无刷新二级联动，这几天在网上找了些资料，但都无法达到我想要的效果，经过反复调试，现已基本实现了此功能，现将代码附下。

01

asp:UpdatePanel客户端回传事件管理

Asp:UpdatePanel是在Asp.Net WebForm中的一个局部刷新控件，虽然很好用，但是在使用过程中却发现如果局部刷新的数据需要再次使用页面js进行格式化，页面则会乱套，所以在这里我们需要对UpdatePanel的回传过程进行控制。

03

How to pass multiple values from child widow

In my previous post which was relating to implementing dialog box in web based application, I have provided some examples to popping up a dialog box using showModalDialog javascript function. In that post, I have written about returning a value from child

08

c#以POST方式模拟提交表单

这是我一年前写的一个用C#模拟以POST方式提交表单的代码，现在记录在下面，以免忘记咯。那时候刚学C#~忽忽。。很生疏。。代码看上去也很幼稚臃肿不堪 #region 内容添加函数(Contentinsert) public string Contentinsert(string bookID, string bookTitle, string bookContent,string taskUrl,string Ztagend) { string uriS

09

ASP.NET AJAX(14)__UpdatePanel与服务器端脚本控件脚本控件的作用脚本控件的指责Extender模型脚本控件和Extender模型在PostBack中保持状态在UpdatePa

脚本控件的作用 ASP.NET AJAX的脚本控件，连接了服务器端和客户端，因为我们（可以）只在服务器端编程，而效果产生在客户端，这就需要我们首先在服务器端编写一个控件类，然后包含一个或几个脚本文件，其中定义了客户端组件，可以让开发人员只在服务端操作控件，而在页面上添加客户端行为一个典型的脚本控件就是UpdateProgress,我们来看一下它的实现方式一个UpdateProgress的简单示例创建一个aspx页面 <%@ Page Language="C#" AutoEventWireup="tru

07

ContentPlaceHolderID属性

我想在内容页里放个文本框和按钮，然后让他们并排，我加了CSS不行，网上查了说内容页不能使用CSS好像，那应该怎么做才能让他们并排呢？

02

通过ASP.NET Web API + JQuery创建一个简单的Web应用

看了dudu的《HttpClient + ASP.NET Web API, WCF之外的另一个选择》一文，想起多很久之前体现ASP.NET Web API而创建的一个Demo。这是一个只涉及到简单CRUD操作的Web应用，业务逻辑以Web API的形式定义并以服务的形式发布出来，前台通过jQuery处理用户交互并调用后台服务。[源代码从这里下载] 目录一、一个简单的基于CRUD 二、通过ASP.NET Web API提供服务三、通过JQuery消费服务一、

Page.ClientScript.RegisterStartupScript() 方法「建议收藏」

Page.ClientScript.RegisterStartupScript() 方法与Page.ClientScript.RegisterClientScriptBlock() 方法

02

快速入门系列--WebAPI--03框架你值得拥有

接下来进入的是俺在ASP.NET学习中最重要的WebAPI部分，在现在流行的互联网场景下，WebAPI可以和HTML5、单页应用程序SPA等技术和理念很好的结合在一起。所谓ASP.NET WebAPI，其核心概念就是构建REST风格的Web服务，把一起数据视为资源，无论是服务请求或者是数据操作，与以前的SOAP和XML-RPC架构风格有很大不同。说道这，很多读者可能想到WCF中不是早都有了REST风格的服务么，为什么还需要这个WebAPI？确实如此，不过WCF中的该类型服务显得比较复杂，因为其通信管

09

JQuery 入门学习(完结)

伴随着我的假期即将完结的时间，这几篇Jquery文档也算带领大家熟悉了Jquery的代码编写。最后一篇是对Jquery的实际应用，以及一些平时我注意到的细节。最后对Jquery进行总结。

01

ModalPopupExtender用法示例

aspx页面 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Test_Default" %> <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit

08

ASP.Net WebForm温故知新学习笔记：一、aspx与服务器控件探秘

开篇：毫无疑问，ASP.Net WebForm是微软推出的一个跨时代的Web开发模式，它将WinForm开发模式的快捷便利的优点移植到了Web开发上，我们只要学会三步：拖控件→设属性→绑事件，便可以行走于天下。但这样真的就可以走一辈子吗？实际上，ASP.Net经常被喷的诟病就在于WebForm以及只会拖控件的ASP.Net程序员，往往大型互联网系统也没有采用WebForm的模式进行开发。但是，WebForm并不是一无是处，而是我们没有用好，还有很多东西我们知其然不知其所以然，现在我们就来对这些平时所不注意但又十分关键的东西一探究竟。

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭