您好,我有这段代码,但是由于某种原因它无法正常工作。我试图查看google chrome javascript控制台,它似乎抛出了某种异常。但是,当引发异常时,页面将刷新,因此我看不到异常。有人可以帮忙吗?
<section class="form_section">
<label for="tag">Tags(Click to select)</label>
<input type="text" placeholder="Enter tag name" id="tag_input" class="tag_input"/>
<input type="button" value="Add" onclick="addTag()" title="Click to add tag"/>
<section id="tags" class="tags"></section>
</section>
var tags = new Array();
function addTag()
{
var value = document.getElementById("tag_input").value;
if(value.length > 0)
{
tags[value] = value;
var temp = "<a href=\"\" onclick=\"removeTag(this); return false;\" class=\"tag_item\">" + value + "</a>";
document.getElementById("tags").innerHTML += temp;
document.getElementById("tag_input").value = "";
}
}
function removeTag(obj)
{
console.log(obj);
}
最佳答案
更正condole.log(obj);
必须为console.log(obj);
并放入return false;
,这样才能从此处停止执行。
如果您不想添加return false;
,请尝试添加以下链接,
var temp = "<a href=\"Javascrip:void(0);\" onclick=\"removeTag(this); return false;\" class=\"tag_item\">" + value + "</a>";
Javascrip:void(0);
将为您做到这一点。