javascript - Chrome/FF 中的竞争条件

Question

之前我提交了一个线程，其中我尝试实现以下 atdmt.com 像素以在单击链接时触发:

<a href="http://www.google.com/" onclick="javascript:img1=new Image(); img1.src='http://sact.atdmt.com/action/adofat_ImageTest27_1'; img1.height='1'; img1.width='1';">test</a>

像素是一个 1x1 图像，用于记录我们系统中的事件。这适用于 IE，但不适用于 Chrome 和 Firefox。我认为着陆页网址 (google.com) 加载速度太快，并且图像 (sact.atdmt.com) 没有足够的机会加载。我正在使用 chrome 开发工具/Fiddler 来检查标签是否正在触发。

有人建议进行以下修复:

<a href="http://www.google.com/" onclick="javascript:img1=new Image(); img1.src='http://sact.atdmt.com/action/adofat_ImageTest27_1'; img1.height='1'; img1.width='1'; return false;">test</a>

但这并不能解析实际的 URL(尽管像素会触发，但单击链接时不会发生任何事情)。

另一位用户建议使用事件监听器而不是 onclick 属性，但是当我单击链接时，这仍然不会触发像素。

 <script>
function imageClickHandler(){
var img1;
var img1=new Image();
img1.src='http://sact.atdmt.com/action/adofat_ImageTest27_1';
img1.height='1';
img1.width='1';
}//end function

document.getElementByID("TheExampleLink").addEventListener("click",imageClickHandler,false);
</script>

<a href="http://www.google.com/" id="TheExampleLink">test</a>

理想情况下，像素(jact.atdmt.com)应该会关闭，然后我应该被带到 http://www.google.com ...但由于我之前提到的竞争条件，像素并不总是会触发。

对于如何解决这个问题有什么建议吗？

谢谢

Answer 1

在您上次引用的建议中试试这个:

setTimeOut(imageClickHandler(), 0);

如果这不起作用，

试试这个 -

<script>

function imageClickHandler(){ 
var img1; 
var img1=new Image();
img1.src='http://sact.atdmt.com/action/adofat_ImageTest27_1';
img1.height='1'; 
img1.width='1'; 
setTimeout(function(){window.location.href='www.google.com'},5000);
}//end function

    document.getElementByID("TheExampleLink").addEventListener("click",imageClickHandler,false);

<a href="javascript:void(0)" id="TheExampleLink">test</a>