【问题标题】:Add an a tag using css or javascript [closed]使用 css 或 javascript 添加标签 [关闭]
【发布时间】:2016-01-14 05:43:14
【问题描述】:

是否可以使用 css 或 javascript 使 html 标记成为网站上另一个页面的链接?我正在尝试编辑一个 wordpress 站点,但它只提供了自定义 css 和 javascipt 的选项。

谢谢

【问题讨论】:

  • 您正在尝试以编程方式添加锚标记?
  • 我相信简单的 Google 搜索会在几秒钟内为您提供帮助。最好提供你尝试过的东西,这样人们会更容易帮助你。

标签: javascript css


【解决方案1】:

试试这个javascript:

document.getElementById("link").onclick = function() {
     window.location.href = "http://stackoverflow.com";
}
<p id="link">Go to Stack Overflow</p>

并用 CSS 让它看起来像一个锚标签:

#link {
    color: blue;
    text-decoration: underline;
}

【讨论】:

  • 可以在css中实现吗?
  • 不,这不是@AdamKatz CSS 仅用于样式
  • 您可以使用 css 将文本添加到类中,但我认为您可以添加锚标记并不是不合理的......
  • 不,不是通过 CSS。只是不可行@AdamKatz
【解决方案2】:

您可以通过多种方式使用 javascript 添加 html 标签。 最直接的方法(尽管如果您放入恶意 html 可能会很危险),是使用 someNode.innerHTML = <some markup>,或者如果你有 jquery:obj.html('');

知道了,就可以使用html链接标签(<a>)来添加链接了。

所以如果我想在我的标题中加入到谷歌的链接,我会首先选择我的标题: var header = document.getElementById('header');

然后我将 a 标签添加到标题中: header.innerHTML += '<a href="www.google.com">Google</a>;

【讨论】:

    【解决方案3】:

    回复onclick="location.href='link.html'" does not load page in Safari

    onclick="javascript:location.href='http://www.example.com/'"

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-03-10
      • 2017-01-18
      • 1970-01-01
      • 1970-01-01
      • 2021-03-11
      • 2021-11-28
      相关资源
      最近更新 更多