blocks|key|2352775|text|这不是CSS，而是使用jQuery库的JavaScript。你的怀疑是对的，这段代码有几个"smelly“部分：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2352776|2352777|使用OnClientClick会产生一个onclick=""属性，这不如绑定事件好。|unordered-list-item|style|CODE|2352778|使用并硬编码了background-color+-+CSS类会更好，这种颜色可能在代码或CSS文件中被复制了很多次，并且需要很多工作来改变(重新部署站点代码，而不是依赖于资源文件)。更好的方法是使用CssClass：|2352779|2352780|imageDiv.CssClass+=+"imageDiv"；|2352781|并在CSS文件中包含：|2352782|.imageDiv+{宽度:+70px；高度:+50px；文本对齐:居中；填充顶部:+5px；}|2352783|这使您可以轻松地更改设计，并根据上下文设置不同的imageDiv样式(例如，当它在侧边栏中时，它可能会更小，使用带有JavaScript/CSS的String.Format的选择器.sidebar+.imageDiv)|2352784|Use并不美观。例如，这在JavaScript中有效(并且支持jQuery+)：.css({'color':+'#FBFBFB',+'border-color':"green"})。在这段代码中，它应该写成字符串的.css({{'color':+'#FBFBFB',+'border-color':""green""}})转义双引号，以及您提到的String.Format.|2352785|
|2352786|As的花括号，不能分隔data/presentation/behavior.|2352787|2352788|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery.com/|1|http://en.wikipedia.org/wiki/Code_smell|2|http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.webcontrol.cssclass.aspx^0|B|6|0|1A|6|1|0|0|2|D|K|A|0|7|G|2R|8|2|0|0|0|0|0|O|8|21|D|2I|I|0|14|1E|2Z|1I|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@$A|1E|B|1F|1|1G]|$A|1H|B|1I|1|1J]]|C|$]]|$1|D|3|-4|5|6|7|1K|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|1L|8|@$A|1M|B|1N|H|I]|$A|1O|B|1P|H|I]]|9|@]|C|$]]|$1|J|3|K|5|G|7|1Q|8|@$A|1R|B|1S|H|I]]|9|@$A|1T|B|1U|1|1V]]|C|$]]|$1|L|3|-4|5|6|7|1W|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|1X|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1Y|8|@]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1Z|8|@]|9|@]|C|$]]|$1|S|3|T|5|6|7|20|8|@$A|21|B|22|H|I]|$A|23|B|24|H|I]|$A|25|B|26|H|I]]|9|@]|C|$]]|$1|U|3|V|5|G|7|27|8|@$A|28|B|29|H|I]|$A|2A|B|2B|H|I]]|9|@]|C|$]]|$1|W|3|X|5|6|7|2C|8|@]|9|@]|C|$]]|$1|Y|3|Z|5|G|7|2D|8|@]|9|@]|C|$]]|$1|10|3|-4|5|6|7|2E|8|@]|9|@]|C|$]]|$1|11|3|-4|5|6|7|2F|8|@]|9|@]|C|$]]]|12|$13|$5|14|15|16|C|$17|18]]|19|$5|14|15|16|C|$17|1A]]|1B|$5|14|15|16|C|$17|1C]]]]

That isn't CSS but JavaScript, using the <a href="http://jquery.com/" rel="nofollow">jQuery</a> library. You are right to be suspicious, there are several "<a href="http://en.wikipedia.org/wiki/Code_smell" rel="nofollow">smelly</a>" parts with this code:

<ul>
<li>Use of the <code>OnClientClick</code> results in an <code>onclick=""</code> attribute, which is less nice than binding the event. This is done dynamically, suggesting it happens multiple types.</li>
<li>Use and hard-coding of <code>background-color</code> - a CSS class would be much better, this color is probably duplicated many times in the code or the CSS files, and require a lot of work to be changed (redeploying the site code, rather then relying on resource files). A better approach is to use <a href="http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.webcontrol.cssclass.aspx" rel="nofollow">CssClass</a>:

<pre><code>imageDiv.CssClass = "imageDiv";
</code></pre>

and having in your CSS file:

<pre><code>.imageDiv { width: 70px; height: 50px; text-align: center; padding-top: 5px; }
</code></pre>

this allows you to easily change the design, and having different <code>imageDiv</code> styled best on its context (for example, it can be smaller when it's in the sidebar, using the selector <code>.sidebar .imageDiv</code>)</li>
<li>Use of <code>String.Format</code> with JavaScript/CSS isn't pretty. For example, this is valid in JavaScript (and jQuery supported): <code>.css({'color': '#FBFBFB', 'border-color':"green"})</code>. With this code, it should be written as <code>.css({{'color': '#FBFBFB', 'border-color':""green""}})</code> - escaping double quotes for the string, and curly braces for String.Format.</li>
<li>As you've mentioned, no separation of data/presentation/behavior.</li>
</ul>

blocks|key|4428457|text|生成的代码实际上是Javascript，尽管它操作了一些元素的CSS。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4428458|我会说最好的方法是在页面加载时执行它。如果你只需要将一个函数绑定到click+event，你可以在Javascript/JQuery中完成这一切，就像这样：|4428459|$("#<%25=+this.TheButton.ClientID+%25>").click(function+()+{
++++$("...").css("...",+"...");
++++//+...
});|code-block|syntax|javascript|4428460|我怀疑ASP.NET目前只是用onclick=生成一个按钮，这通常被认为是Javascript编程的糟糕做法，但这并不是一个大问题。|4428461|在我看来，这里的一般问题是视图和模型逻辑可能混合在一起，但在传统的ASP.NET中很难避免。|4428462|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

The generated code is Javascript actually, although it manipulates the CSS of some elements.

I'd say the best way would be to execute it at the loading of the page.
If all you need is to bind a function to click event, you can do it all in Javascript/JQuery, with something like this:

<pre><code>$("#&lt;%= this.TheButton.ClientID %&gt;").click(function () {
 $("...").css("...", "...");
 // ...
});
</code></pre>

I suspect ASP.NET currently simply generates a button with onclick=..., which is generally considered as a bad practice for Javascript programming, but it's not a huge problem.

The general problem here, in my opinion, is that the view and model logic are probably mixed together, but it's difficult to avoid it in traditional ASP.NET.

blocks|key|2637294|text|这个JQuery以这种方式实现的原因很可能是因为必须引用服务器端控件in+(_hiddenImageNameClientId，_hiddenPathClientId)，在.NET+4之前，这是一项很大的工作。(请参阅Client+Ids+in+.NET+4)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2637295|至于“正确性”，我认为这是不恰当的，因为我更希望在javascript中看到一个定义良好的客户端层来定义这个click事件。混合服务器和客户端代码对我来说很“难闻”，并且破坏了SoC+IMO。|2637296|entityMap|0|LINK|mutability|MUTABLE|url|http://weblogs.asp.net/scottgu/archive/2010/03/30/cleaner-html-markup-with-asp-net-4-web-forms-client-ids-vs-2010-and-net-4-0-series.aspx^0|30|L|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Most likely the reason this JQuery was implemented in such was a way was due to having to reference server side control Ids (_hiddenImageNameClientId, _hiddenPathClientId), which, prior to .NET 4 was a bit of work. (See <a href="http://weblogs.asp.net/scottgu/archive/2010/03/30/cleaner-html-markup-with-asp-net-4-web-forms-client-ids-vs-2010-and-net-4-0-series.aspx" rel="nofollow">Client Ids in .NET 4)</a>

As far as "correctness", I'd consider this improper as I'd much prefer to see a well defined client side layer in javascript defining this click event. Mixing server and client side code "smells" bad to me and breaks SoC IMO.

blocks|key|2352916|text|我不喜欢在代码中嵌入CSS。在我看来，在这两种情况下，更好的方法是向元素添加一个类，然后将CSS放在CSS文件中。在你的第一个例子中，背景颜色是用javascript改变的，我会添加一个".addClass('selected')“(或toggleClass)类，并给它起一个有意义的名字。在第二个示例中，删除CSS并添加一个类，而不是类(“.Attributes.Add”，"xxx")。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2352917|您的CSS文件将包含如下内容：|2352918|.selected+{
++++background-color:+#FBFBFB;
}
...|code-block|syntax|javascript|2352919|我不喜欢在c#/javascript中操纵颜色/边框之类的东西，因为随着项目的发展，你的演示信息会变得到处都是，更改或覆盖颜色会变得很困难。|2352920|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I don't like embedding CSS in code. A better approach in both cases in my view is to add a class to the element and then have the CSS in a CSS file. In your first example, the 
background color is changed with javascript, I would add a class ".addClass('selected')" (or toggleClass) with a name that makes sense. In the second example remove CSS and add a class instead .Attributes.Add("class", "xxx").

Your CSS file will contain stuff like this:

<pre><code>.selected {
 background-color: #FBFBFB;
}
...
</code></pre>

I don't like manipulating colors/borders and such in c#/javascript because as the project grows, your presentation information ends up all over the place and changing or overriding a color becomes difficult.

blocks|key|734633|text|在我的头顶上，我可以想到几个问题，但不是致命的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|734634|没有特定的顺序：|734635|734636|您将失去在服务器或客户端缓存JavaScript文件的能力。|ordered-list-item|734637|您将增加页面的侧面。如果每个按钮都有很多嵌入的字符串，那么页面大小，加载时间，increased.|734638|Debugging将变得非常复杂，因为你需要记住硬编码的JavaScript+JavaScript+increased.|734639|Debugging在C#代码中的什么地方丢失了。functionality.|734640|If+studio有一个很棒的JavaScript编辑器，你可以通过硬编码字符串而失去所有的功能|734641|我提到过Unobtrusive+JavaScript是你的朋友！|offset|length|734642|你失去了分离Visual+studio的好处你有相同功能的重复按钮，然后你有重复的代码。|734643|734644|我肯定有一堆我错过了。|734645|entityMap|0|LINK|mutability|MUTABLE|url|http://unobtrusify.com/^0|0|0|0|0|0|0|0|0|4|B|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|18|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|19|8|@]|9|@]|A|$]]|$1|H|3|I|5|G|7|1A|8|@]|9|@]|A|$]]|$1|J|3|K|5|G|7|1B|8|@]|9|@]|A|$]]|$1|L|3|M|5|G|7|1C|8|@]|9|@]|A|$]]|$1|N|3|O|5|G|7|1D|8|@]|9|@]|A|$]]|$1|P|3|Q|5|G|7|1E|8|@]|9|@$R|1F|S|1G|1|1H]]|A|$]]|$1|T|3|U|5|G|7|1I|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1K|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]]]

Off the top of my head I can think of a couple of issues, non fatal however.

In no particular order:

<ol>
<li>You lose the ability to cache your JavaScript files, on either the server or on the client.</li>
<li>You increase the side of your page. If every button has a lot of embedded JavaScript, then the page size, thus load times, are increased.</li>
<li>Debugging will become extremely difficult.</li>
<li><a href="http://unobtrusify.com/" rel="nofollow">Unobtrusive</a> JavaScript is your friend!</li>
<li>Maintenance becomes more complex as you need to remember where in the C# code that the hard-coded JavaScript strings are.</li>
<li>Intellisense is lost. Visual studio has a fantastic JavaScript editor, you lose all of that functionality by hard-coding the strings</li>
<li>Did I mention <a href="http://unobtrusify.com/" rel="nofollow">Unobtrusive</a> JavaScript is your friend!</li>
<li>You lose the benefits of separation of functionality.</li>
<li>If you have duplicate buttons with the same functionality, then you have duplicate code.</li>
</ol>

I'm sure there is a bunch I have missed.

blocks|key|2637428|text|第一个示例实际上是在触发单击事件时运行javascript+(jQuery)。第二个就是添加内联样式。我敢打赌，这种方法是用来获取客户端id引用的(在.NET4.0之前，这是很困难的)-尽管，还有其他方法可以使用纯javascript来获取它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2637429|一些人会说这没问题，另一些人会说这是糟糕的做法和丑陋的。这取决于你的编程风格。这绝对不是致命的。|2637430|优点：-不需要单独的文件-更快的开发(有争议)|2637431|缺点：-没有清晰的层分离-随着项目规模的扩大，难以维护和调试|2637432|可能还有更多，但这就是我现在能想到的全部。|2637433|就我个人而言，我会远离这种代码。这使得调试和维护变得有点复杂，而且对于其他接触你的代码的程序员来说也不容易理解(特别是如果你有只使用javascript和只使用C#的程序员)。但这并不是一个经验丰富的程序员不能处理的，特别是在小项目中。|2637434|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|P|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Q|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|S|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|M|$]]

The first example is actually runs a javascript (jQuery) when the click event is fired. The second is just adding inline styles. I bet this approach was used to get the client id reference (which was difficult pre-.net 4.0) - although, there are other ways to get this using pure javascript.

Some would say its okay, others would say its bad practice and ugly. It depends on your programming style really. And its definitely not fatal. 

Pros:
 - No separate file needed
 - faster development (arguably)

Cons:
 - no clear separation of layers
 - difficult to maintain and debug as the project grows bigger

There's probably more, but that's all I can think of right now.

Personally, I'd stay away from this kind of code. It makes debugging and maintenance a bit more complicated and its not easy to understand for other programmers that touch your code (especially if you have javascript-only and C#-only programmers). But its nothing that a seasoned programmer can't handle, especially on small projects.

blocks|key|4428699|text|这个问题的答案是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4428700|4428701|+上面的代码有问题吗？|blockquote|offset|length|style|BOLD|4428702|4428703|糟糕，在“糟糕的编程实践”的意义上，是的。绝对不好。|4428704|更好的方法是什么？|4428705|更好的方法是将您的代码拆分为|4428706|4428707|4428708|Event+生成组件(您不必担心这一点)|unordered-list-item|4428709|4428710|4428711|Event+listener(Which，您必须进行编码)|4428712|4428713|为什么这是一种更好的方法？|4428714|因为它有很好的编程实践，这带来了很多好处。这是一门独立的学科，如今所有的毕业生都必须学习。:D|4428715|entityMap^0|0|0|1|A|0|0|0|0|9|0|0|0|0|6|2|0|0|0|6|8|0|0|0|D|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|17|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|18|8|@$F|19|G|1A|H|I]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1C|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1D|8|@$F|1E|G|1F|H|I]]|9|@]|A|$]]|$1|O|3|P|5|6|7|1G|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]|$1|S|3|T|5|U|7|1J|8|@$F|1K|G|1L|H|I]]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|X|3|Y|5|U|7|1O|8|@$F|1P|G|1Q|H|I]]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|1R|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|1S|8|@$F|1T|G|1U|H|I]]|9|@]|A|$]]|$1|12|3|13|5|6|7|1V|8|@]|9|@]|A|$]]|$1|14|3|-4|5|6|7|1W|8|@]|9|@]|A|$]]]|15|$]]

The answer to the point:
<blockquote>
Is the above code bad?
Bad, in the sense &quot;bad programming practice&quot;, YES. Definitely bad.
What is the better approach?
The better approach is to split your code into
<ul>
<li>Event generating component (You dont have to worry about this)
</li>
<li>Event listener(Which you will have to code)
</li>
</ul>
Why is it a better approach?
Because its good programming practice and this brings in a ton of advantages. This is a subject by itself, which all graduates have to study these days. :D
</blockquote>

blocks|key|4428746|text|我的答案是几个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4428747|4428748|什么是更好的内联样式或将其放在css文件中|unordered-list-item|4428749|将javascript与HTML混合或将它们放在js文件中是更好的选择|4428750|4428751|要回答这些问题和不同场景的一些考虑因素，需要考虑的问题有很多。|4428752|简而言之:这是一种很糟糕的做法。优先使用css类而不是内联样式。您还可以使用jquery的选择器根据css类或ids将动态行为附加到html元素。此外，基于包含关系，您可以有不同的行为。|4428753|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|P|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|R|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

My answer are some questions:

<ul>
<li>What's better inline styles or having them in a css file</li>
<li>What's better mixing the javascript with the HTML or having them in a js file</li>
</ul>

There is plenty to go over to answer those questions and some considerations that vary x scenario.

Short answer: it is a bad practice mixing it up. Favor css classes over inline styles. You can also use jquery's selector to use attach dynamic behaviors to html elements based on css classes or ids those have. Additionally you can have different behaviors based on a containment relationship.

blocks|key|2353116|text|第一个示例实际上是在触发单击事件时运行javascript+(jQuery)。第二个就是添加内联样式。我敢打赌，这种方法是用来获取客户端id引用的(在.NET4.0之前，这是很困难的)-尽管，还有其他方法可以使用纯javascript来获取它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2353117|一些人会说这没问题，另一些人会说这是糟糕的做法和丑陋的。这取决于你的编程风格。这绝对不是致命的。|2353118|优点：-不需要单独的文件-更快的开发(有争议)|2353119|缺点：-没有清晰的层分离-随着项目规模的扩大，难以维护和调试|2353120|可能还有更多，但这就是我现在能想到的全部。|2353121|就我个人而言，我会远离这种代码。这使得调试和维护变得有点复杂，而且对于其他接触你的代码的程序员来说也不容易理解(特别是如果你有只使用javascript和只使用C#的程序员)。但这并不是一个经验丰富的程序员不能处理的，特别是在小项目中。|2353122|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|P|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Q|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|S|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|M|$]]

The first example is actually runs a javascript (jQuery) when the click event is fired. The second is just adding inline styles. I bet this approach was used to get the client id reference (which was difficult pre-.net 4.0) - although, there are other ways to get this using pure javascript.

Some would say its okay, others would say its bad practice and ugly. It depends on your programming style really. And its definitely not fatal.

Pros: - No separate file needed - faster development (arguably)

Cons: - no clear separation of layers - difficult to maintain and debug as the project grows bigger

There's probably more, but that's all I can think of right now.

Personally, I'd stay away from this kind of code. It makes debugging and maintenance a bit more complicated and its not easy to understand for other programmers that touch your code (especially if you have javascript-only and C#-only programmers). But its nothing that a seasoned programmer can't handle, especially on small projects.

blocks|key|4428831|text|这段代码调试起来会非常麻烦。您问到了一个更好的解决方案，似乎这里正在做的所有事情都可以用javascript完成。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4428832|如果您绝对需要C#逻辑来完成此操作，我会将所有javascript代码包装到一个函数中，并从您的代码隐藏中专门调用该函数。|4428833|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

This code would be very annoying to debug. You asked about a better solution, It appears that everything that is being done here could be done with just javascript . 

If you absolutely need C# logic to do this I would wrap all the javascript code into a function and call that function exclusively from your code-behind.

blocks|key|2353255|text|我相信很多人已经给出了很好的理由，为什么这是一个可怕的方法。它确实起作用了，所以做了很多事情，这并不意味着你应该继续这样做。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2353256|我将在这里插入my+own+blog，并设计一个解决方案来阻止您编写这种特定类型的代码，因为我过去经常做这样的事情，而我自己没有更好的解决方案。|offset|length|2353257|在我的博客文章中，我还链接到了我之前提出的一个关于这个问题的问题。它展示了如何使用它来完全避免这种类型的依赖。如果你发现很难理解我的意思，我也很乐意回答任何问题，对这种方法进行重新评级。|2353258|entityMap|0|LINK|mutability|MUTABLE|url|http://blog.leidegren.se/2011/05/initialization-javascript-and-htmlcss.html^0|0|7|B|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

I believe a lot of people have given great reasons why this is a horrible approach. It does work yes, so does a lot of things, that doesn't mean you should keep doing it this way.

I'm gonna plug <a href="http://blog.leidegren.se/2011/05/initialization-javascript-and-htmlcss.html" rel="nofollow">my own blog</a> here and purpose a solution to stop you from writing this particular type of code because I used to do things like this without having a better solution myself.

In my blog post, I also link to a SO question I made about this a while back. It shows how this can be used to completely avoid this type of dependency. I'll also happily answer any question regrading this approach If you find that it's difficult to understand what I'm getting at.

I see this type of code when looking through our working code base:

<pre><code> private Button AddClearButton()
 {
 return new Button
 {
 OnClientClick =
 string.Format(@"$('.{0}').css('background-color', '#FBFBFB');
 $('#' + {1}).val('');
 $('#' + {2}).val('');
 return false;", _className, _hiddenImageNameClientId, _hiddenPathClientId),
 Text = LanguageManager.Instance.Translate("/button/clear")
 };
 } 
</code></pre>

or

<pre><code> _nameAndImageDiv = new HtmlGenericControl("div");
 var imageDiv = new HtmlGenericControl("div");
 imageDiv.Attributes.Add("style", "width: 70px; height: 50px; text-align: center; padding-top: 5px; ");

 var nameDiv = new HtmlGenericControl("div");
 nameDiv.Attributes.Add("style", "width: 70px; word-wrap: break-word; text-align: center;");
 var image = new HostingThumbnailImage();
</code></pre>

Disclaimer: I have not worked with CSS before. but I heard that we should separate css, js, html, C#, other than put them together.

so, is the above code bad? If yes, how is the better approach?

Is embedding CSS/jQuery code in C# code bad?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在查看我们的工作代码库时，我看到了这种类型的代码：    private Button AddClearButton()    {        return new Button                   {                       OnClientClick =            ...

问在C#代码中嵌入CSS/jQuery代码是不是很糟糕？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在C#代码中嵌入CSS/jQuery代码是不是很糟糕？EN