在条件运算符中添加html标记
在条件运算符中添加HTML标记是指在条件判断语句中根据条件的不同，返回不同的HTML标记或者将HTML标记作为条件的一部分。
条件运算符（也称为三元运算符）是一种简洁的条件判断语法，通常用于根据条件的真假返回不同的值。在JavaScript中，条件运算符的语法是 condition ? value1 : value2，其中 condition 是一个表达式，如果 condition 为真，则返回 value1，否则返回 value2。
在条件运算符中添加HTML标记可以通过以下方式实现：
const result = condition ? '<span style="color: red;">True</span>' : '<span style="color: blue;">False</span>';在上述示例中，如果 condition 为真，则返回一个带有红色文本的 <span> 标签，否则返回一个带有蓝色文本的 <span> 标签。你可以根据实际需求自定义HTML标记的样式和内容。
这种技术可以在动态生成HTML内容的场景中非常有用，例如根据条件动态显示不同的文本、样式或者元素。
腾讯云提供了丰富的云计算产品和服务，其中与HTML标记相关的产品包括：
- 腾讯云云服务器（CVM）：提供可扩展的虚拟云服务器，可用于托管和运行网站和应用程序。了解更多：腾讯云云服务器
- 腾讯云云函数（SCF）：无服务器计算服务，可用于在事件驱动的架构中运行代码。可以通过云函数来动态生成包含HTML标记的响应。了解更多：腾讯云云函数
- 腾讯云内容分发网络（CDN）：加速静态和动态内容的传输，提供更快的访问速度和更好的用户体验。了解更多：腾讯云内容分发网络
请注意，以上仅为腾讯云提供的一些相关产品，其他云计算品牌商也提供类似的产品和服务。
相关·内容
所以我前段时间才开始学习JS，现在我在Code academy上了一半的课程。不幸的是，我的考试是在中间进行的，所以我忘记了我学到的很多东西，所以我决定创建一个程序，一个非常简单的程序来唤醒我的记忆。现在我在谷歌上搜索了如何运行js文档，它给了我这样的信息:仅供参考，我尝试在CA上使用项目构建器，而我目前使用WebStorm作为我的集成开发环境。(在html文件中)
<!DOCTYPE html>
<head>
<script language ="javascript" src ="code.js"/>
&
浏览 1提问于2014-03-27得票数 0
我正在尝试使用c:if标记，但它没有显示任何可能为真的东西。当if条件为真时，我应该如何显示任何文本。这是我的xhtml代码
<html>
<body>
<c:if test="#{fileMB.per.getFirstName()}='gul'}" >
<h:outputLabel for="user" value="#{logMB.userExists.getFirstName()}"/>
</c:if>
</body
浏览 5提问于2014-12-02得票数 0
回答已采纳
我必须使用mvc剃刀显示项目列表。
每个列表项都有一个复选框。
此复选框必须仅在以下情况下可见/呈现/添加到html
如果不在每个项目html上使用if子句，如何呈现/添加每个项目复选框？
浏览 0提问于2015-03-16得票数 0
我已经创建了一个脚本，它使用一个全局变量来定义当前显示的部分，运行一个函数来添加或减去它，并通过显示一个特定的部分将该值用于goto或前文元素。基本上，一个HTML文件中有多个页面。
我已经更新了这一页，包括了你的建议。
带有内联 JavaScript的HTML
<html style="font-family:Segoe UI;font-size:150%;text-indent:2em;text-align:justify;color:000;background:FFF">
<body style="padding:1% 3% 3% 1%
浏览 1提问于2016-05-13得票数 0
回答已采纳
1回答
我见过类似于以下不相关行的代码：
Console.Write(myObject?.ToString());
return isTrue ? "Valid" : "Lie";
return myObject ?? yourObject;
int? universalAnswer = 42;
在C#8+中似乎有更多的
public static Delegate? Combine(params Delegate?[]? delegates)...
string? value = "bob";
问号的所有用法是相关的还是不同的？他们每一个都
浏览 2提问于2017-03-28得票数 10
1回答
我有一个带有第一个选项值为"“的html选择。我正在使用自定义规则验证它：
$.validator.addMethod("requiredSelect", function (value, element, arg) {
return arg != value;
}, "Required field.");
然后做：
dropdownField: {
requiredSelect: ""
},
现在我需要使它有条件，所以只有在选中给定的复选框时才需要它。如果不使用自定义规则，我将执行如下操作：
dropdow
浏览 3提问于2017-09-21得票数 0
回答已采纳
我有一个MVC5/C#的应用程序 我的索引视图是模型中的一个简单列表。我添加了一个额外的html操作链接来查看任何选定项目的历史记录。通过这个链接，我将转到一个不同的控制器(ICS_HistoryView)并传递一个id参数。 最初它断开是因为一些项(Old_ItemID字段)中有/，导致链接断开。因此，经过一些研究，我了解到我可以使用Replace将/替换为-，这样url就不会中断，然后在新视图的控制器中将其切换回来。然而，当视图加载时，我在这一行得到了一个空错误 @Html.ActionLink("History", "History", "ICS
浏览 14提问于2020-08-12得票数 0
回答已采纳
4回答
我希望将每个字体标签中的内容与颜色进行匹配：
inside html <font color="#000000">this should be matched</font><font color="#777777">this shouldn't be</font><font color="#000000">this should be matched too</font> inside html
但是当我使用下面的正则表达式时：
<font color=\
浏览 2提问于2013-07-03得票数 0
回答已采纳
我试图根据项目的过期日期有条件地将CSS background-color添加到一组表行中。30天或更短的时间应为红色，90 - 31天为琥珀，其余为绿色.(我先把红色放进去，一旦这件事起作用，我就回去做琥珀/绿色的行)。
@foreach (var item in Model)
{
int daysLeft = (item.ExpiryDate - DateTime.Today).Days;
if (daysLeft <= 30)
{
<tr style="background-color:Red">
}
浏览 4提问于2012-03-14得票数 28
回答已采纳
1回答
当我填写这个表格并提交值时，什么都不会发生，但是当我一次只传递一个值时，这个值会经过，那么我做错了什么呢？
HTML：
<form action="" method="post">
<label for="kafli">Kafli:</label>
<select name="kafli" id="kafli">
<option value=""></option>
<option value="1
浏览 2提问于2015-12-05得票数 1
回答已采纳
2回答
我正在慢慢地学习jQuery，但很确定，所以请原谅我的无知。我做了大量的谷歌搜索，得到了下面的科学怪人的例子。
在本例中，如果用户在input中输入"Kasey“，我希望div#pete拥有display:block。
提前感谢！
<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function(){
var val = $("#fname").length;
if (val = Kasey) {
$("#pete").c
浏览 3提问于2014-03-01得票数 3
1回答
AWS中的多个标记值
、、、
可以在aws:PrincipalTag中为IAM策略设置多个值吗？
目前，我已经在JWT中使用project属性联合了用户，根据这个值，我可以给出访问s3桶中的特定“文件夹”的权限。
对于具有以下值的JWT：
"https://aws.amazon.com/tags": {
"principal_tags": {
"project": [
"foo"
]
}
}
我的AWS政策：
{
"Version": "2012-1
浏览 3提问于2020-10-09得票数 1
3回答
我试图写一个if/else语句，我想要发生的是，如果条件为真，我想显示一张图片，如果它是假的，另一张图片。
这是我的控制器：
$scope.getFeatureNo = function (thisCase) {
if (thisCase.featureno == 1) {
return red_light;
}
else {
return amber_light;
}
如果此情况等于1，则应该显示一个红灯，该红灯保存在存储我的index.html文件的同一个文件夹中。
这是我的HT
浏览 4提问于2016-03-10得票数 1
回答已采纳
我有下面的代码循环通过一小部分XML记录，我希望它执行下面的操作，但在最后一条记录中不包括末尾的管道。
我是一个热情的新手，所以欢迎所有的评论。谢谢。
xmlMan=loadXMLDoc("myxmlurl.xml");
y=xmlMan.getElementsByTagName("manager");
for(j=0;j<y.length;j++)
{
groupname=y[j].getAttribute("name");
flair=y[j].getAttribute("flair");
color=y[j].get
浏览 0提问于2012-12-22得票数 0
回答已采纳
4回答
我在我的应用程序根目录上有一个非常简单的页面。以下内容无法加载jQuery。但是，如果从路径中删除~/，则会加载jQuery和警报。有什么问题吗？
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="~/Scripts/jquery-2.0.3.js"></script>
<script>
浏览 2提问于2013-12-21得票数 0
假设我有
<div ng-if="groupA.length > 0" ng-repeat="element in groupA"> .... </div>
<div ng-if="groupA.length == 0" ng-repeat="element in groupB"> .... </div>
除了if条件和它们在两个不同的组上重复之外，这两个div都是完全相同的HTML。我可以将它们连接到一个div元素中吗？即<div ng-repeat="elem
浏览 1提问于2017-02-23得票数 1
回答已采纳
我希望根据通过URL传递的参数更改网页中的文章a/an。例如，我将mywebpage.com/?page&qry= be作为URL，因此我希望任何a/an文章都是"a“--”a“(vs”a“a”aardvark vs the qry)。我正在尝试使用下面的代码，但是每当我试图加载页面时，我都会得到一个解析错误。
<?php in_array(substr($_GET['qry'],0,1), array('a','e','i','o','u')) ? 'an'
浏览 0提问于2015-06-04得票数 4
回答已采纳
2回答
我想知道SQL中的这个语句实际上做了什么：
select *
from table
where A (+)= B
我撞到的是：
select *
from table
where A = B
但不知道如何解释(+)=的功能是什么。在我看来，(+)=是告诉它让它满足条件A=B在可用的情况下，如果没有可用的组件，忽略/输入为“空”。
此外，此语句在create语句中运行。
提前谢谢。
浏览 0提问于2014-02-24得票数 6
回答已采纳
1回答
我在jquery中有一个函数。如果我单击该按钮，它会将页面滑动到特殊元素
$('#tour_btn_1').click(function(){
tourScrollTo('#tour_header_1');
});
function tourScrollTo(divData){
$('html, body').animate({
scrollTop: $(divData).offset().top
},500);
}
虽然，如果浏览器窗口->(@media (max- width :1120px){
浏览 0提问于2013-07-04得票数 0
回答已采纳
我需要在HTML表中显示基于从mySQL数据库获取的INT值的字符串值。这是一个检查用户是否为主要成员的过程。
我的HTML代码是
<table class="table table-bordered">
<thead>
<tr>
<th>Store Name</th>
<th class="text-center" style="width: 10%;"> Prime </th>
浏览 27提问于2021-05-21得票数 1
回答已采纳
1回答
我正在尝试制作一个chrome扩展，但我在使用popup.js和popup.html时遇到了问题。我正在尝试让它以一周中的某一天为基础循环文本。然而，我不能让我的popup.js代码工作。我不精通javascript或html。我更多地使用java，但我正在为我的学校做一个项目。 虽然我现在有一个按钮，但我的最终目标是，一旦扩展点击打开，它就会显示菜单。我不知道如何开始，甚至编码一个循环的基础上一周的一天，而不是格式到html。 popup.html <div class="row">
<div class="column large-6
浏览 7提问于2019-01-22得票数 0
在传统的C#代码块中：
"myInt = (<condition> ? <true value> : <false value>)"
但是，如果我想有条件地使用response.write，那么在.aspx中使用会怎么样：
<% ( Discount > 0 ? Response.Write( "$" + Html.Encode(discountDto.Discount.FlatOff.ToString("#,###."): "")%>
mny thx
浏览 0提问于2009-11-30得票数 9
回答已采纳
大家好，我已经写了一些javascript代码来显示一些依赖于另一个下拉列表的值。因此，现在我想在我的编辑页面中显示这些选定的值。 下面是我的代码： function getSubjectsTopics(subject_id)
{
if(subject_id) {
loading_show();
axios.get("/master/topic/get-topic-by-subject-id/" + subject_id)
.then(function(response) {
var opti
浏览 7提问于2020-10-27得票数 0
回答已采纳
我得到了一个错误，因为剃须刀和html被我想象的编译器弄糊涂了。
<div id="@Model.MyLabelCars" ...>
我的模型变量是：
Model.MyLabel
"Cars“只是HTML中的原始文本。
因此，假设Model.MyLabel的值是"123“，ID应该是：
id="123Car"
如何分离模型的变量名称和HTML？
浏览 0提问于2017-08-25得票数 2
回答已采纳
1回答
我在将一些Pascal代码转换成C语言时遇到了问题。基本上，我有嵌套循环，其中递增'k‘的循环在递增'i’的循环中。在这两种情况下，我都想执行命令“如果我(右移)k并且1= 1，则执行以下{code}”。在Pascal中，我有：
{Pascal Code}
...
for i:=0 to N-1 do begin j:=0; temp:=N/2;
for k:=0 to P-1 do begin if ((i shr k) and 1)=1 then...
我知道这很管用。我已经绘制了Pascal代码中的数据，它是正确的，所以我假设这个算法就是我想用C语言复制的。在C中，我有：
浏览 1提问于2014-06-22得票数 1
到目前为止，我在django中遇到了最奇怪的错误：
'if' statement improperly formatted
引发错误的模板如下：
{% if diff >= 0 %}
<span class="pos">+{{ diff }}
{% else %}
<span class="neg">-{{ diff }}
{% endif %}
</span>
<span>{{ a }}</span>
上下文中有和不同的视图是这样的：
def add(request, kaart
浏览 2提问于2009-12-21得票数 1
回答已采纳
我只想在其中一个变量为true的情况下呈现Html的某一部分。我见过一些例子，我可以返回整个元素，但我只想在html的一部分上使用if条件。我只想显示10行，如果其中一个变量为真，但html有500行是很常见的。我可以在return函数中这样做吗？ const getCustomers= (props) => {
useEffect(() =>{ do something...});
return (
<>
if(test === true){
<div> 10 lines</div>
else
{
do not show this div
浏览 42提问于2020-08-15得票数 2
回答已采纳
以下代码呈现时不附加事件处理程序。我已经证实了this.evchange和/或this.evinput是真的。如果我把它们设置得更详细的话，这些事件就会奏效。但是通过阅读文档中的Conditionals部分，这应该是可行的。
let evc = (this.evchange) ? html`@change=${this._changed}` : '';
let evi = (this.evinput) ? html`@input=${this._changed}` : '';
return html`${this.flabel} <input .value
浏览 6提问于2022-11-26得票数 0
回答已采纳
我有以下政策：
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "",
"Effect": "Allow",
"Action": [
"iam:TagRole"
],
"Resource": "
浏览 3提问于2021-07-07得票数 0
回答已采纳
我试图在视图和开始之前将一些额外的硬编码HTML放入视图中。
www.peace-in-the-city.be
在主页上你可以看到一个“访客”部分..。它显示了4个最近的访客。如果我的客户在后台增加一个新访客..。这个新来访者会出现一个老的正在消失..。
但是现在我的客户想要向一个总是在左边的访问者(kermit，kicker)展示。
所以我想把那个来访者硬编码在..。首先我试着加入home.tpl.但是，它会出现在视点周围的div中，这是我的设计。我用从视图到风格的课程..。
所以现在我想把HTML代码放到视图self中(在视图中的div中)，我没有找到解决方案.
有人吗？我在视图中尝试了一
浏览 0提问于2015-09-16得票数 0
回答已采纳
2回答
我很难理解在以下while循环的条件评估中需要检查什么，这是算法伪代码的摘录：
if the token is an operator {
while(the stack is not empty
AND the top of the stack is not a "("
AND the precedence of the token on the top of the stack >= current token) {
pop the token on the
浏览 0提问于2015-04-15得票数 2
回答已采纳
1回答
我正在尝试创建将在Azure中审核我的网络接口的策略。策略应该指出，如果NIC分配了没有NSG的公共IP (在NIC上，而不在子网上)，这是我的JSON。请协助解决这个问题。目前，这里的问题是所有带/不带PIP和NSG的NIC都不符合要求。 {
"mode": "All",
"policyRule": {
"if": {
"allOf": [
{
"field": "type",
"equa
浏览 16提问于2021-01-27得票数 0
回答已采纳
1回答
我有以下文件结构：
index.html
tpl/page.html
app.js
描述：
app.js定义了主模块，并将其路由到page.html
index.html为模板定义视图，并包括app.js
page.html在使用此控制器的<script>标记和div中定义了PageController。
Problem当PageController驻留在page.html中时，它不工作，但是当它包含到app.js中时，它就能工作了。错误如下:参数'PageController‘不是aNaNunction，是未定义的。
在模板中定义控
浏览 1提问于2016-01-16得票数 2
2回答
我需要根据从数组列表中获取的值来表示列。
<c:forEach items="${row}" var="cell">
<c:if test="${(cell != 'Read') || (cell !='Write')}" >
<td id="access">${cell}</td>
</c:if>
<c:if test="${(cell == '
浏览 0提问于2011-04-01得票数 0
回答已采纳
我有一个JavaScript if条件，在部分视图中包含一些比较运算符(<=、>=)。这个JavaScript被MVC的Razor <text>标记所包围。
有了这个，我的JS将基于Model属性动态加载。但是，如果在JavaScript方法中有比较运算符，则会抛出一个错误。
工作方案：
@if (Model.SomeTrueCondition)
{
<text>
function JSMethod() {
AnotherJSMethod();
return;
浏览 0提问于2018-11-12得票数 7
2回答
我有一个Logstash filter set，它根据匹配消息的正则表达式将字段Alert_level设置为整数。
示例：
if [message] =~ /(?i)foo/ {mutate {add_field => { "Alert_level" => "3" }}}
if [message] =~ /(?i)bar/ {mutate {add_field => { "Alert_level" => "2" }}}
这些情况并不是互斥的，有时会导致事件在Alert_level中具有2个或更多的值
me
浏览 2提问于2017-02-08得票数 0
我有一个重氮主题文件，这是基于的。该主题使用<html>元素上的条件注释来标识Internet Explorer的特定版本，例如
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--
浏览 5提问于2011-09-30得票数 5
在我的AWS帐户中，我们有3种不同的应用程序，A、B、C。
我想为B团队创建一个IAM策略，允许他们创建新的EC2实例，但是限制它被标记在B资源组中，或者其他一些约束，这些约束可以确定地将新实例与B组关联起来。这有可能吗？
浏览 0提问于2015-09-17得票数 2
出于某种原因，我可以看到在页面呈现时会出现ng-hide类。我正在对现有代码进行更改。在我的代码中没有ng-hide。
下面是HTML代码。
<div ng-show="SpecialConditionsForm.{{provider.authorisedPersonFullName}}.$dirty" ng-show="SpecialConditionForm.{{provider.authorisedPersonFullName}}.$error" class="control-label ng-show">
浏览 0提问于2017-08-23得票数 1
我收到以下错误LeaderBoardComponent.html:27 ERROR TypeError: Cannot read property 'length' of undefined
错误在HTML中：
<div *ngIf="leaderBoardTableData.length > 0">
在我拥有的组件中：
export class LeaderBoardComponent implements OnInit {
leaderBoardTableData: Array<LeaderBoardModel>;
浏览 0提问于2017-08-19得票数 0
4回答
这就是当你在IE9中访问我的网站时发生的事情-
这就是导致这种情况的代码：
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="stylesheets/ie.css" media="screen" />
<![endif]-->
<!--[if !IE]-->
&l
浏览 1提问于2012-03-13得票数 0
回答已采纳
我正在尝试编写一个函数，允许用户指定是否要忽略正则表达式匹配中的大小写。我已经想出了一个解决方案，但它相当笨拙。在构建正则表达式时，有没有办法有条件地设置std::regex_constants::icase标志？
#include <string>
#include <regex>
std::string sub(std::string string, std::string match, bool ic){
std::regex r;
std::regex rc(match, std::regex_constants::collate);
std::r
浏览 108提问于2018-01-12得票数 2
回答已采纳
我想用多个where条件更新我的表，例如表名是zz
+----+------+------+
| id | X1 | X2 |
+----+------+------+
| 1 | xya | Abc |
| 2 | yaz | xyz |
| 3 | wee | xsc |
| 4 | fss | xcs |
| 5 | eer| XXX |
+----+------+------+
我的查询是这样的
UPDATE `zz` SET `x1` = 'hi' W
浏览 0提问于2018-10-15得票数 1
以下是我在repeat中使用的JSON数据：
{
"2": {
"id": 3,
"0": {
"avatar": "http:\\/\\/localhost\\/pottero\\/wp-content\\/plugins\\/dokan-live-chat\\/assets\\/images\\/avatar.png",
"message": "Hello",
"id": "2",
浏览 0提问于2019-04-07得票数 1
我有一个YAML Github操作脚本，它由三个工作组成。夜间脚本应该检查是否有任何用户提交(这些提交不是来自自动作业)，然后执行夜间发布构建并将构建部署到测试环境。
我很难使用一个点，在这个点上，如果存储库中除了自动提交之外没有其他的提交，那么我可以跳过整个第二和第三个作业的执行。
据我所知，我要么不能让脚本跳过任何进一步的操作，要么将if条件设置为我所拥有的每一项工作的每一步，这看起来并不简洁。
我试图将if条件放在作业本身，但它不起作用。即使if条件值为false，作业也会执行。如果存储库陈旧，还有其他更好或更优雅的解决方案来失败吗？
name: Nightly script
on:
浏览 9提问于2021-05-11得票数 10
回答已采纳
我有这样的疑问
select distinct
case when (ifp.delivery_id > 0)
then ifp.delivery_id
else csh.delivery_id
end delivery_id,
ate.event_num
from
ab_tran_event ate
join ab_tran ab on ab.ins_num = ate.ins_num and toolset = 36
and (ate.event_source in (2, 25, 33, 18))
join
ph
浏览 8提问于2022-10-20得票数 1
回答已采纳
1回答
我有一个查看页面，显示一些书籍，我想有一个高级搜索与搜索标准在这个页面的顶部。搜索框应在图书页或图书内容类型中搜索。
浏览 0提问于2014-02-11得票数 1
回答已采纳
我正在使用一个API，并从JS文件中动态注入HTML。在HTML中(这是在JS文件中编写的)，我需要运行条件，但条件只有在来自注入的HTML的模板文字之外时才有效。我想也许我需要一个脚本标记，但是当我使用一个脚本标记时，代码不会运行，图像也不会呈现。如果我删除script标记，" If "/"else“字将被呈现，图像将被呈现，但条件并未实际运行。下面我已经包含了我试图注入的代码片段。我怎样才能让条件函数运行？
const createNasaCard = (nasaItem) => {
document.querySelector("#nasaInf
浏览 9提问于2021-09-18得票数 0
我想将页面添加到博客中(在Blogger -中)，但我希望为博客上的每个页面提供不同的格式和样式。
我试着访问博客名称-> Pages -> New page，但是生成的页面使用主页面的模板，包括侧栏和标题。老实说，这和博客文章没什么不同。
我可以创建一个完全空白的页面并自己添加所有的HTML吗？还是博主不可能做到这一点？
谢谢！！
浏览 4提问于2015-01-10得票数 0
回答已采纳
2回答
RxJS:延迟传入的可观察对象
、、、、
我有一个SnackbarComponent，这是负责为用户显示一个快照栏的信息。通知来自我在SnackbarComponent中订阅的NotificationService。传入消息被推送到消息数组中，并在3秒后移位。在我的html模板中，我迭代消息并显示它们。
export class SnackbarComponent implements OnInit, OnDestroy {
private notificationSubscription: Subscription;
messages: NotificationMessage[] = [];
constructor(p
浏览 1提问于2019-11-25得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
