首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在文本属性中使用href?

如何在文本属性中使用href?
EN

Stack Overflow用户
提问于 2019-06-06 10:00:38
回答 3查看 51关注 0票数 1

我使用文本属性在我的网站上显示文本。我如何使文本重定向到一个网站时,点击?

这就是我现在的情况,

代码语言:javascript
复制
<div class="text abc" data-text="abc">
    abc
</div>

我试过以下几种方法

代码语言:javascript
复制
  <div class="text abc" data-text="<b href='https://www.google.com'>abc</b>">
    abc
  </div>

但这只会把"href“转换成文本,它实际上不会做它应该做的事情。(把我转到谷歌)

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2019-06-06 10:07:10

尝试使用锚标记<a/>

代码语言:javascript
复制
<div class="text abc" data-text="abc">
    <a href='https://www.google.com'>abs</a>
</div>

卸锚的方法:

HTML:

代码语言:javascript
复制
<div class="text abc" data-text="abc">
    <a class="no-underline" href='https://www.google.com'>abs</a>
</div>

CSS:

代码语言:javascript
复制
.no-underline a {
    color: #FFFFFF;
    text-decoration: none;
}
票数 0
EN

Stack Overflow用户

发布于 2019-06-06 10:05:44

你应该使用锚,这是建立链接的常用方法。

代码语言:javascript
复制
<a href='https://www.google.com'>Website</a>

如果您不想使用和没有蓝色链接,您将需要javascript,并将事件放在您的div上,如下

代码语言:javascript
复制
$('#myDivId').on('clik',function(){
//redirect with window location
}
票数 0
EN

Stack Overflow用户

发布于 2019-06-06 10:06:19

您需要使用锚元素。

代码语言:javascript
复制
  <div class="text abc">
    <a href='https://www.google.com'>abc</a>
  </div>

MDN:锚固元件

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56475234

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档