链接文字颜色设置

清疚 2022-05-12 00:08 494阅读 0赞

**1、介绍**

链接文字颜色设置通过使用alinkColor属性、linkColor属性和vlinkColor属性来实现。

alinkColor属性

该属性用来获取或设置当链接获得焦点时显示的颜色。

语法：

\[color=\]document.alinkcolor\[=setColor\]

setColor：设置颜色的名称或颜色的RGB值，setColor是可选项。

color：字符串变量，用来获取颜色值，color是可选项。

linkColor属性

该属性用来获取或设置页面中未单击的链接的颜色。

语法：

\[color=\]document.linkColor\[=setColor\]

setColor：设置颜色的名称或颜色的RGB值，setColor是可选项。

color：字符串变量，用来获取颜色值，color是可选项。

vlinkColor属性

该属性用来获取或设置页面中单击过的链接的颜色。

语法：

\[color=\]document.vlinkColor\[=setColor\]

setColor：设置颜色的名称或颜色的RGB值，setColor是可选项。

color：字符串变量，用来获取颜色值，color是可选项。

**2、应用**

链接文字颜色设置

本示例分别设置了超链接3个状态的文字颜色。

当未单击超链接时超链接字体的颜色为绿色

当单击超链接时超链接字体的颜色为黑色

当单击过超链接时超链接的字体颜色为淡蓝色

**3、代码**

<body>

<font size="10pt" face="隶书"><a id="a1" href="www.mingrisoft.com">JavaScript论坛</a></font>

<script language="JavaScript">

document.vlinkColor ="\#00CCFF";

document.linkColor="green";

document.alinkColor="000000";

</script>

</body>

**4、运行结果**

**![21b19a93-427d-32d3-a63e-282b4d5a4d73.png][]  
 **

**![70335a2f-8d8f-3b8f-93ac-040027433077.png][]**

![1bf12367-e7c0-32b1-a333-1901de5e5403.png][]

[21b19a93-427d-32d3-a63e-282b4d5a4d73.png]: /images/20220512/45a959bbd3d04e7a8959ba88bc55d6a4.png
[70335a2f-8d8f-3b8f-93ac-040027433077.png]: /images/20220512/9b1c219f40d7480db62f9035f6460628.png
[1bf12367-e7c0-32b1-a333-1901de5e5403.png]: /images/20220512/28b17ddaf99a4073837360d9e05c41b8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，494人围观）

还没有评论，来说两句吧...

相关阅读

相关 Typora设置文字颜色和自适应宽度

Typora设置文字颜色 Typora本身并不支持选择颜色进行内容的设置，但可以使用其现有的功能实现对文本内容进行颜色的设置，此处以使用内联公式方式进行颜色字体的设置。

梦里梦外;/ 2024年03月23日 10:33/ 0 赞/ 4 阅读

相关 md设置文字颜色

原文 $\color{FF0000}{红}$ $\color{FF7D00}{橙}$ $\color{FFFF00}{黄}$ $\c

偏执的太偏执、/ 2022年12月15日 11:13/ 0 赞/ 638 阅读

相关公众号添加文字链接

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

约定不等于承诺〃/ 2022年10月25日 14:22/ 0 赞/ 239 阅读

相关 html超链接图片下加文字颜色,如何为文字、形状、图片添加超链接？如何为超链接设置颜色？...

你知道如何为PPT中的文字、形状、图片添加超链接吗？那么，你又知道如何设置超链接的颜色吗？接下来小编就来仔细的讲解一下吧~看图思路更清晰哦！如何为PPT中的文字、形状、图片

青旅半醒/ 2022年10月11日 03:50/ 0 赞/ 197 阅读

相关 C# DataGridView设置背景颜色、文字颜色及文字样式

//行表头和列表头文字颜色 dataGridView1.ColumnHeadersDefaultCellStyle.BackColor = Color.Dark

客官°小女子只卖身不卖艺/ 2022年09月10日 10:26/ 0 赞/ 920 阅读

相关 Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性

在Android中，TextView是我们最常用的用来显示文本的控件。一般情况下，TextView中的文本都是一个样式。那么如何对于TextView中各个部分的文本

傷城~/ 2022年06月18日 02:52/ 0 赞/ 160 阅读

相关链接文字颜色设置

1、介绍链接文字颜色设置通过使用alinkColor属性、linkColor属性和vlinkColor属性来实现。 alinkColor属性该属性用来获取或设置当链接

清疚/ 2022年05月12日 00:08/ 0 赞/ 495 阅读

相关 Status bar —— 设置状态栏的显示、隐藏、背景颜色、文字颜色

一、设置状态栏显示和隐藏 1、通过 Info.plist 文件增加字段，控制状态栏全局显示和隐藏在 Info.plist 文件中增加字段 Status bar

Myth丶恋晨/ 2022年03月22日 10:42/ 0 赞/ 901 阅读

相关 HTML示例02---插入超链接以及超链接颜色设置

这里主要讲了下超链接在不同时刻时候的颜色设置，包括：未访问的链接、已访问的链接、鼠标移动到链接上时的颜色设置代码如下： <!DOCTYPE html> <

浅浅的花香味﹌/ 2022年03月19日 10:56/ 0 赞/ 346 阅读

相关设置 bshare 分享链接

设置 bshare 分享的链接 bShare一般会分享当前页面的链接、标题及摘要，摘要默认为Meta标签中Description部分的内容。不同的平台可能会接受不同的分享

忘是亡心i/ 2022年02月20日 03:25/ 0 赞/ 265 阅读