Javascript 如何使纯文本在单击时充当按钮？

我想知道让纯文本充当按钮（使用最少的html）的最简单方法是什么。正文：

我需要执行以下操作的文本：

---

很抱歉，如果这是一个“愚蠢”的问题，但我仍在学习，我发现没有比我在谷歌上找到的更“简单”的解决方案了。你可以使用CSS

appearance

attribute

设置为<代码>外观：按钮用于链接

或

（可选）=>

尝试

<a href="javascript: void(0)" id="button">Submit</a>

JavaScript

document.getElementById("button").onclick = function(){
    document.getElementById("idOfYourForm").submit();
};

您需要找到一种方法来引用要提交的表单，但一旦拥有表单对象，就可以调用

.submit（）

来提交它

---

然后，您可以将其添加为一个

onclick

属性，或者稍后将其绑定，但这基本上就是您想要的。

我不确定您所说的“像按钮一样”的确切含义，但您可以始终使用CSS对其进行样式设置。只要给它圆角和悬停效果，如果这是你的意思。你可以学到更多

但是，如果您的意思是要禁用链接并执行其他操作，则可以使用javascript执行。只需包含一个javascript文件，并防止链接的默认操作。比如：

$(function(){
  $('a').click(function(event){
    event.preventDefault();
    //do what you want here
  }):
});

---

您可以尝试类似的方法（不使用jQuery），但需要一个表单标记：

<form name="myform">
<span onclick="document.myform.submit();">submit this</span> 
</form>

提交这个

取决于您想做什么，取决于您可以使用什么解决方案

常规按钮：

$("li.indiv-nav a").click(function(){
          /* do something here*/
          window.location = 'about.html';
    });   

或提交表格：

$("li.indiv-nav a").click(function(){
          $('#formid').submit();  
    });

---

查看一个

是的，尽可能多的jQuery或css，但最好少一些HTML。但是，它看起来像一个按钮吗？我希望它像一个按钮，但显示为纯文本，或者像一个超链接一样单独显示？@user1，您应该将按钮样式设置为纯文本。@user1:zzzzBov是对的，如果您愿意，您可以使按钮看起来像链接。请参阅答案中添加的提琴。谢谢。我认为在进行一些更改后，此功能会正常工作，但是，即使没有与此相关的标记，此功能是否正常？@user1不客气。如果没有

表单

标记，您无法提交数据，这样您只能使用

JavaScript

$("li.indiv-nav a").click(function(){
          /* do something here*/
          window.location = 'about.html';
    });   

$("li.indiv-nav a").click(function(){
          $('#formid').submit();  
    });