在不破坏行

时间：2016-07-02 16:26:24

标签： html

我需要在文本中添加onclick事件（而不是超链接）。但是使用p标记会破坏该行：

enter image description here

以下是代码和JSBin。有人可以帮忙吗？

<!DOCTYPE html>
<html>
  <body>
    See our <p onclick="openWindow()" style="cursor: pointer; color:blue">support page</p> and other things...
    <script>
      function openWindow() {
      window.open("https://www.google.com");
      }
    </script>
  </body>
</html>

3 个答案:

答案 0 :(得分：4)

使用范围

<span>See our <span onclick="openWindow()" style="cursor: pointer; color:blue">support page</span> and other things...</span>

答案 1 :(得分：1)

在p标签内使用span 

    <p>See our <span onclick="openWindow()" style="cursor: pointer; color:blue">suadpport page</span> and other things...</p>

查看JSBin

甚至更好地使用标签而不是跨度。 Here

答案 2 :(得分：0)

实际上你应该使用<a>。

您仍然可以使用onclick。只需给它href="#" 

See our <a onclick="openWindow();" href="#">support page</a> and other things...

  1. Semantically更正

  2. 保存<span>

    3. 的样式开销

  3. 如果您在页面中对<a>元素进行全局设置，则它也会获得样式。

    4. 旁注

    如果您的唯一目的是在新标签页中打开链接（如您的示例所示），请使用target代替JS 

    See our <a target="_blank" href="https://www.google.com">support page</a> and other things...
相关问题
最新问题