Firefox链接到javascript函数在不打算时打开一个新窗口

Question

I have this problem where when I have this html in firefox it opens a new window

<a style="float:right;" 
href='javascript:window.location.href="#";'onClick="javascript:addNewRecord();">
New Record</a>

I have tried self.location, window.location, #body, and #h1 as the href.

Originally I had the code as, but in firefox that did not do anything but open a fresh window, and not perform my function. The code works perfect in chrome.

<a style="float:right;" href="javascript:addNewRecord();">New Record</a>

Answer 1

The canonical inline way is

<a style="float:right;" href="#"
onClick="addNewRecord(); return false">New Record</a>

or better:

<a style="float:right;" href="#"
onClick="return addNewRecord()">New Record</a>

where addNewRecord returns false at the end of the function

---

An even better way is

window.onload=function() {
  document.getElementById("addLink").onclick=addNewRecord;
}
function addNewRecord() {
  ...
  return false;
}

plus

<style>
#addLink { float:right }
</style>

and

<a href="#" id="addLink">New Record</a>

Since abusing the HREF on a link going nowhere just to get a pointer is frowned upon, you may consider a <span> with an onclick and a cursor:pointer. It does need more effort to make such an element accessible to for example screen readers.

Answer 2

尝试：

onClick="addNewRecord();return false"

Answer 3

How your code behaves depends entirely on what the addNewRecord() function does (including what it returns).

Without seeing inside that function it's hard to tell, but I'd say that what is happening is inside there.

Note that what you put in the href="" part probably is not affecting the behaviour you're seeing.

Answer 4

尝试这个

<a onclick="javascript:addNewRecord();">New Record</a>