Javascript Location.href打了两次电话

我正在从事一个Drupal项目。我需要在单击按钮时导航到不同的页面。我在HTML文件中有以下按钮元素

<a href = # id="createbutton" style=margin-left:40px;font-size:80%;>Create New Path</a></h1>

每当我点击按钮时，页面会被加载两次。要加载的新页面中的JavaScript运行了两次，这是有问题的

---

有人能告诉我应该做些什么来纠正这一点，使页面只加载一次。

代码应该是这样的：

<a href="#" id="createbutton" style=margin-left:40px;font-size:80%;>Create New Path</a></h1>

$("#createbutton").click(function( event ) {
    event.preventDefault();
    location.href = 'http://localhost/drupal/?q=admin/waldendrupal/infograph';
});

$（“#创建按钮”）。单击（函数（事件）{
event.preventDefault（）；
location.href=http://localhost/drupal/?q=admin/waldendrupal/infograph';
});

总是用引号将属性值括起来。当它显然是一个链接时，为什么称它为按钮，为什么不简单地将href放在链接中？谢谢。将链接位置添加到href属性而不是“#”有帮助。

<a href="#" id="createbutton" style=margin-left:40px;font-size:80%;>Create New Path</a></h1>

$("#createbutton").click(function( event ) {
    event.preventDefault();
    location.href = 'http://localhost/drupal/?q=admin/waldendrupal/infograph';
});