Html使文本可点击而不使其超链接

Question

我很新，使用HTML和JavaScript。我想添加能够选择点击某些文本并执行正确的JavaScript。有没有我可以看的任何参考代码，或者一个可以帮助我的教程？

Answer 1

的语义我会使用一个<button>标签是这样的：

<button class="link">Clicky</button> 

使按钮看起来像你可以使用CSS普通文本：

button.link { background:none;border:none; } 

和移交点击我的容易度'd使用jquery这样的：

$(".link").click(function(){ 
    //your JS here 
}); 

但如果你有一个ID的按钮，你可以使用普通的JS里柯此：

var button = document.getElementById("your-button-id"); 
button.onclick = function(){ 
    //do stuff 
} 

Answer 2

用于交互式控制的apropriate元素不是链接某处是<button>Label</button>或（<input type="button" value="Label">）。 （你总是可以用CSS来模仿边框和背景）。

您可以使用标准DOM API（或抽象它们的库，例如YUI或jQuery）将click事件处理程序绑定到它。

Answer 3

将文本放入范围或其他元素中，并使用类<span class="yourClass">text</span>，然后使用javascript添加事件侦听器（最好在html的末尾。为简洁起见，我将用jQuery进行演示，尽管它可以完成与

<script> 
    $('.yourClass').on('click',function(){ 
    //your javacript 
    }); 
</script> 

本地JavaScript，或者你可以通过做所有的网页搜索这个词的情况下，虽然我不建议，因为它真的会慢下来。