首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在if-else中将两个不同的herf赋给ankle标记

在if-else语句中,我们可以使用条件判断来决定将不同的href赋给ankle标记。具体步骤如下:

  1. 首先,我们需要在HTML中定义一个ankle标记,可以是一个链接(<a>标签)或其他具有href属性的标记。
  2. 在JavaScript中,我们可以使用if-else语句来根据条件给ankle标记赋不同的href值。条件可以是任何我们想要的逻辑判断,例如判断某个变量的值、判断用户的输入等等。
  3. 在if-else语句中,我们可以使用DOM操作来获取ankle标记,并使用setAttribute方法来设置其href属性的值。具体代码如下:
代码语言:txt
复制
// 获取ankle标记
var ankle = document.getElementById("ankle");

// 定义条件判断
if (条件1) {
  // 如果条件1成立,给ankle标记赋值为href1
  ankle.setAttribute("href", "href1");
} else {
  // 如果条件1不成立,给ankle标记赋值为href2
  ankle.setAttribute("href", "href2");
}

在上述代码中,我们通过getElementById方法获取了id为"ankle"的元素,然后使用setAttribute方法设置其href属性的值。根据条件的不同,我们可以将不同的href值赋给ankle标记。

需要注意的是,条件判断的具体逻辑和赋值的href1和href2的取值应根据实际需求进行修改。

关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,我无法给出相关链接。但腾讯云提供了丰富的云计算服务,包括云服务器、云数据库、云存储等,可以根据具体需求选择适合的产品。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

用Publish创建博客(二)——主题开发

想获得更好阅读效果可以访问我博客 www.fatbobman.com[1] 我博客也是用Publish创建。 拥用强大主题系统是一个静态网站生成器能否成功重要原因之一。...Plot使用了一种被称作Phantom Types技术,该技术将类型用作编译器标记”,从而能够通过泛型约束来强制类型安全。...这种高度类型安全既带来了非常愉快开发体验,也使利用Plot创建HTML和XML文档在语义上正确几率大大增加--尤其是与使用原始字符串编写文档和标记相比。...尽管Publish目前提供页面种类并不多,但即使我们仅使用上述种类仍可对不同内容作出完全不同渲染结果。...在XCode中将Publish库中两个文件styles.css、Theme+Foundation.swift拷贝到 MyTheme目录,也可以在MyTheme目录中新创建文件后粘贴代码。

1.2K20

CTO 级别的代码,绝了!

场景:当我们接收到一些数据需要对其进行处理时,由于它们来自于不同渠道(:腾讯,头条),不同渠道所需处理方式不同,下面我们写一个简单Demo来实现该场景。...解决思路 1、首先构建一个 GeneralChannelRule 基础规则抽象类,定义一个抽象方法process(),不同渠道都需要实现该抽象方法。...也就是说,对扩展是开dao放,而对修改是封闭 新增渠道后,修改代码会产生大量if else,不太优雅。为了解决以上两个问题,我们可以借助枚举类来巧妙优化。...新思路 1、下面我们调整一下枚举类,增加一个GeneralChannelRule属性,并且对应渠道构建对应GeneralChannelRule实现类,新增一个match() 匹配方法。...最后 以上是通过枚举来巧妙干掉if-else方案,对于减少 if-else 还有很多有趣解决方案(:状态设计模式等),感兴趣朋友去查阅相关资料

17810
  • CTO写代码,真是绝了!

    “ 最近我看到某厂 CTO 写代码,被全网吐槽,我们一起来欣赏一下! 图片来自 Pexels 本文通过一个简单例子来展示如何通过枚举巧妙地干掉 if-else,使代码看起来更佳优雅。...场景:当我们接收到一些数据需要对其进行处理时,由于它们来自于不同渠道(:腾讯,头条),不同渠道所需处理方式不同,下面我们写一个简单 Demo 来实现该场景。...也就是说,对扩展是开放,而对修改是封闭。 b.新增渠道后,修改代码会产生大量 if else,不太优雅。 为了解决以上两个问题,我们可以借助枚举类来巧妙优化。...新思路 ①下面我们调整一下枚举类,增加一个 GeneralChannelRule 属性,并且对应渠道构建对应 GeneralChannelRule 实现类,新增一个 match() 匹配方法。...最后 以上是通过枚举来巧妙干掉 if-else 方案,对于减少 if-else 还有很多有趣解决方案(:状态设计模式等),感兴趣朋友去查阅相关资料。

    31120

    CTO 写代码,真是绝了!

    ---- 场景:当我们接收到一些数据需要对其进行处理时,由于它们来自于不同渠道(:腾讯,头条),不同渠道所需处理方式不同,下面我们写一个简单Demo来实现该场景。...解决思路 1、首先构建一个 GeneralChannelRule 基础规则抽象类,定义一个抽象方法process(),不同渠道都需要实现该抽象方法。...也就是说,对扩展是开dao放,而对修改是封闭 新增渠道后,修改代码会产生大量if else,不太优雅。为了解决以上两个问题,我们可以借助枚举类来巧妙优化。...新思路 1、下面我们调整一下枚举类,增加一个GeneralChannelRule属性,并且对应渠道构建对应GeneralChannelRule实现类,新增一个match() 匹配方法。...最后 以上是通过枚举来巧妙干掉if-else方案,对于减少 if-else 还有很多有趣解决方案(:状态设计模式等),感兴趣朋友去查阅相关资料。 ---- ----

    29010

    CTO 写代码,全网被吐槽,真是绝了

    场景:当我们接收到一些数据需要对其进行处理时,由于它们来自于不同渠道(:腾讯,头条),不同渠道所需处理方式不同,下面我们写一个简单Demo来实现该场景。...解决思路 1、首先构建一个 GeneralChannelRule 基础规则抽象类,定义一个抽象方法process(),不同渠道都需要实现该抽象方法。...也就是说,对扩展是开dao放,而对修改是封闭 新增渠道后,修改代码会产生大量if else,不太优雅。为了解决以上两个问题,我们可以借助枚举类来巧妙优化。...新思路 1、下面我们调整一下枚举类,增加一个GeneralChannelRule属性,并且对应渠道构建对应GeneralChannelRule实现类,新增一个match() 匹配方法。...最后总结 以上是通过枚举来巧妙干掉if-else方案,对于减少 if-else 还有很多有趣解决方案(:状态设计模式等),感兴趣朋友去查阅相关资料。 最后 最后,我们来看看网友吐槽。

    41340

    老大写代码,真是绝了!

    作者:聚IT 来源:touyatoutiao.com/i6847406631983153672 场景:当我们接收到一些数据需要对其进行处理时,由于它们来自于不同渠道(:腾讯,头条),不同渠道所需处理方式不同...也就是说,对扩展是开dao放,而对修改是封闭 新增渠道后,修改代码会产生大量if else,不太优雅。为了解决以上两个问题,我们可以借助枚举类来巧妙优化。...新思路 1、下面我们调整一下枚举类,增加一个GeneralChannelRule属性,并且对应渠道构建对应GeneralChannelRule实现类,新增一个match() 匹配方法。...GeneralChannelRule rule = channelRule.channel; rule.process(sign); } 解析:通过使用枚举类,在枚举中将...最后 以上是通过枚举来巧妙干掉if-else方案,对于减少 if-else 还有很多有趣解决方案(:状态设计模式等),感兴趣朋友去查阅相关资料。 -End-

    22910

    CTO 写代码,真是绝了

    作者:聚IT 来源:http://39sd.cn/BD828 场景:当我们接收到一些数据需要对其进行处理时,由于它们来自于不同渠道(:腾讯,头条),不同渠道所需处理方式不同,下面我们写一个简单...解决思路 1、首先构建一个 GeneralChannelRule 基础规则抽象类,定义一个抽象方法process(),不同渠道都需要实现该抽象方法。...也就是说,对扩展是开dao放,而对修改是封闭 新增渠道后,修改代码会产生大量if else,不太优雅。为了解决以上两个问题,我们可以借助枚举类来巧妙优化。...新思路 1、下面我们调整一下枚举类,增加一个GeneralChannelRule属性,并且对应渠道构建对应GeneralChannelRule实现类,新增一个match() 匹配方法。...最后 以上是通过枚举来巧妙干掉if-else方案,对于减少 if-else 还有很多有趣解决方案(:状态设计模式等),感兴趣朋友去查阅相关资料。

    30920

    Java运算符-条件运算符

    条件运算符可以被用于各种情况,例如判断条件真假,并根据不同情况执行相应操作。  条件运算符本质是一个简化if-else语句,它可以替代一些简单判断逻辑。...a : b; System.out.println("最大值为:" + max); }}  在上面的代码中,我们使用条件运算符判断变量a和b大小,并将较大max变量。...在main方法中,定义了三个变量a、b和max,并通过条件运算符对a和b进行比较,将较大max变量,并通过System.out.println打印出最大值。...接下来,定义了一个变量negativeNumber,通过条件运算符判断该数是正数还是负数,并将结果sign变量,最后通过System.out.println打印出该数正负性。...最后,定义了一个变量year,通过条件运算符判断该年份是否为闰年,并将结果leapYear变量,最后通过System.out.println打印出该年份是否为闰年。

    12221

    巧用枚举来干掉if-else,代码更优雅!

    1、首先构建一个 GeneralChannelRule 基础规则抽象类,定义一个抽象方法process(),不同渠道都需要实现该抽象方法。...也就是说,对扩展是开dao放,而对修改是封闭 新增渠道后,修改代码会产生大量if else,不太优雅。为了解决以上两个问题,我们可以借助枚举类来巧妙优化。...新思路 1、下面我们调整一下枚举类,增加一个GeneralChannelRule属性,并且对应渠道构建对应GeneralChannelRule实现类,新增一个match() 匹配方法。...GeneralChannelRule rule = channelRule.channel; rule.process(sign); } 解析:通过使用枚举类,在枚举中将...最后 以上是通过枚举来巧妙干掉if-else方案,对于减少 if-else 还有很多有趣解决方案(:状态设计模式等),感兴趣朋友去查阅相关资料。

    1.1K30

    为什么 Python、Go 和 Rust 都不支持三元运算符?

    它延续了“明确优于隐式”风格,使用了直观口语化if-else”,而不是引入可能引起混淆标点符号,就像 Python 选择“and”和“or”两个单词,而不是“&&”和“||”两个符号,它们有着异曲同工之妙...("x is greater than 50"); x * 2 // 这是一个表达式,将返回 result } else { println!...("x is less than or equal to 50"); x / 2 // 也是一个表达式,将返回 result }; 这种用法,Python 是不可能做到。...: b 表示:如果 a 不为 null,则赋值 result ;否则将 b result) 由于有这种语言设计层面的区别,因此在面对“是否要支持三元运算符”这个问题时,Rust 和 Python...另外,不同语言设计风格与使用习惯,也会导致不同选择。 Python 在经过一番波折后,最后设计出了与众不同条件表达式。Go 语言明确表示不支持三元运算符。

    4.3K10

    JavaScript奇淫技巧(一)

    if-else简化写法 代码中若出现多层if-else嵌套,代码就会显得臃肿不堪,这时可采用替代方案来浓缩代码。...原本多行if-else语句一行就可以搞定。 此外,该句式支持多层嵌套,从而可以实现复杂条件判断。 缺点:这种方式将原本多行if-else浓缩成一行,可读性大大降低,因此在实际开发中要慎用。...它创建了一个新、空数组对象[],然后将它原本**数组变量**array,因此原本非空数组对象并没有清空,而是等待垃圾回收机制处理。...,他们都采用数组上[]方式,clearArray1成功清空数组,而clearArray2却不行。...---- JS除法会有小数部分 JS除法和Java不同两个整数相除会有小数部分,如果只需整数,则需调用相关函数取整。

    1.1K60

    Java运算符-三元运算符,这你必须得会!

    摘要三元运算符是一种具有简洁语法特性运算符,可以根据某个条件真假来返回两个值中一个。它相比于传统if-else语句更加简洁,适用于一些简单条件判断。正文简介三元运算符使用格式为:条件 ?...a : b;System.out.println("最大值为:" + max);以上代码中,首先定义了两个变量a和b,并赋予它们不同值。...然后,使用三元运算符判断a是否大于b,如果是,则将amax;如果不是,则将bmax。最后,通过System.out.println()方法打印出max值。...在这个例子中,由于a值大于b,所以最大值为10。因此,控制台将输出"最大值为:10"。应用场景案例三元运算符在很多场景中都有广泛应用,例如:求两个最大值或最小值。根据条件判断返回不同结果。...在这段代码中,首先定义了两个整型变量a和b,并分别赋值为10和5。然后使用三元运算符来比较a和b大小,如果a大于b,则将a变量max;否则将b变量max。最后打印出最大值max。

    14421

    【重拾C语言】二、顺序程序设计(基本符号、数据、语句、表达式、顺序控制结构、数据类型、输入输出操作)

    结构化编程:C语言支持结构化编程,它提供了顺序执行、条件语句(if-else和switch)和循环结构(for和while),使程序更易于阅读、理解和维护。 2....分隔符 由一个字符组成特殊符号,用于标记程序中不同部分或语句开始和结束。...2.2.4 间隔符 在C语言中,空格 、行结束符、水平制表符、垂直制表符、换页符被称为间隔符 用于分隔不同符号和语句; 任何由标识符、保留字、字面常量组成两个相邻词法单位之间至少应有一个间隔符...2.5.2 表达式语句、赋值 表达式语句是指将一个表达式作为整个语句一部分。赋值语句是一种特殊表达式语句,用于将一个值一个变量。...result printf("a + b = %d\n", result); result = a - b; // 赋值语句,将a - b结果result printf

    13410

    html基础

    HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页...: body{ background:url(图片绝对地址|相对地址) #000no-repeat; } 3.br 换行 4.hr 水平线 5.p 段落标签 6.a herf=""...属性:circle square desc默认,分别是不同行头符号形状 12.ol 有序列表:可以type属性:a A 1 i I等,分别设置不同行头序列号 13.li 列表项标记...,需要必须存在name属性 input type属性不同值决定表单标签不同功能 text 普通文本框 password 密码框 radio 单选框 单选效果:这些单选框设置为一组,name...: name:一般表单元素 id:唯一 常结合js使用 class:可重读 可以多个值 结合css 表单元素常用属性: name 个名字 value 默认值 placeholder 提示字

    2.1K30

    JAVA知识基础(二):基本语法

    | 按位或操作符,只要两个操作数某一位有一个非0时候结果该位就为1。 ^ 按位异或操作符,两个操作数某一位不相同时候结果该位就为1。 ~ 按位补运算符翻转操作数每一位。...当且仅当两个操作数都为真,条件才为真。 || 称为逻辑或操作符。如果任何两个操作数任何一个为真,条件为真。 ! 称为逻辑非运算符。用来反转操作数逻辑状态。...1.5赋值运算符 操作符 描述 例子 = 简单赋值运算符,将右操作数左侧操作数 C = A + B将把A + B得到C + = 加和赋值操作符,它把左操作数和右操作数相加赋值左操作数...一般用于循环次数不确定循环 2.3、do…while循环 使用方法:先执行,后判断;一般用于循环次数不确定循环,与while循环不同是先执行后判断,至少会执行一次。...3、分支结构 分支结构也就是条件结构,我们这里介绍if-else语句和switch语句: 3.1、if-else语句 3.1.1、if语句:一个 if 语句包含一个布尔表达式和一条或多条语句。

    52020

    if-else泛滥成灾?这样优雅去掉后更简洁了!【粉丝答疑】

    本文目的也就是通过详细示例,把这个细节说清楚: 扩展应用程序,完全避免使用 If-Else 这是一个稍微高级示例。通过用对象替换它们,知道何时甚至完全消除 If。...其实文章已经把想表达意思表达出来了,只是没有表达特别清晰、详细,所以导致基础不是特别好同学看起来就有那么点点吃力;但核心意思已经总结在最后那一段,采用策略模式,将if-else替换掉。...2场景及基础准备 理论东西了解了之后,当然得实操一遍,开发过程中,到底如何通过策略将if-else去掉呢?...; 根据不同vip等级获取不同策略 根据vip等级标识,在Spring容器缓存中将对应实现类取出来;根本不需要任何if-else方法; public Integer getPrice2(String...; 这只是一个基础实现,并没有Spring提供那么完善和健壮;这里更多是了一个实现思路,希望能帮到你; 7总结 本文虽然说是要去掉if-else;但是并没有任何说if-else不好意思;if-else

    53930

    用动画解释 Javascript 是如何运行!结果一目了然!

    然后我们将a和b值相加并将其存储在sum变量中。 让我们看看JavaScript如何在浏览器中执行代码: 浏览器使用两个组件创建一个全局执行上下文,即内存和代码组件。...当它遇到var a = 2时,它在内存中将2赋值'a'。直到现在,'a'值还没有定义。 同样,它对b也有同样作用。它把4赋值b。然后它计算和存储在内存中值是6。...函数如何在执行上下文中被调用? 与其他编程语言相比,JavaScript中函数工作方式是不同。...下面是令人兴奋部分,当JavaScript运行函数时,它将在全局执行上下文中创建一个执行上下文。 当它遇到var a = 2时,它在内存中将2赋值'n'。...在为函数内所有变量分配内存之后,它将逐行执行代码。它将获取num值,num值等于第一个变量2,然后它将计算ans。ans计算完毕后,它将返回square2值。

    1.1K20

    JavaScript垃圾回收机制

    编辑 此时该变量已经不在需要,占用内存可以释放,以供后者使用。所以垃圾回收机制需要跟踪标记变量,并判定是否使用。如何标记未使用变量也许有不同实现方式。...编辑 变量加标记方式有很多种。比如,当变量进入上下文时,反转某一位;或者可以维护“在上下文中”和“不在上下文中”两个变量列 表,可以把变量从一个列表转移到另一个列表。...在此之后再被加上标记变量就是待删除了,原因是任何在上下文中变量都访问不到它们了。随后垃圾回收程序做一次内存清理,销毁带标记所有值并收回它们内存。引用计数 上文提到第二种垃圾回收机制。...如果同一个值又被另一个变量,那么引用数加1。类似地,如果保存对该值引用变量被其他 值覆盖了,那么引用数减1。当一个值引用数为0时,就说明没办 法再访问到这个值了,因此可以安全地收回其内存了。...垃圾回收程序 下次运行时候就会释放引用数为0内存。为什么现在使用引用计数比较少:该方法无法解决循环引用问题。:A引用B,同时B引用A,相互应用。会导致内存泄漏。

    2.9K130

    3 Linux基础Shell脚本

    集成工具和流程:Shell 可以将不同工具和流程集成到连贯管道中,从而实现无缝协作和自动化。 解释器指令 #!/bin/bash(shebang) 被称为解释器指令,用于指定执行脚本解释器。...sh解释器是对系统默认 Shell 更为通用称呼。根据系统不同,它可能与 Bash 相同,也可能不同。使用 #!...变量 var 预先定义并了值,最后脚本打印用户名字和预定义变量值。...3 if-else 语句使用 条件语句对于 Shell 脚本决策至关重要。我们来看下面使用 if-else 语句进行两个数字大小比较例子。 #!.../case3.sh 请输入第一个数字: 13 请输入第二个数字: 12 两个数字不相等 Shell 脚本提供了功能强大构造, if-else 语句,循环和函数,可以让我们在脚本中构建复杂自动化逻辑和决策

    27910
    领券