JavaScript commands not executed in order in Safar

2019-07-05 05:10发布

问题:

I discovered this bug while dealing with another issue. The order of JavaScript commands listed is different than the order of their execution in Safari:

Example:

alert('here');
document.write('This is the hidden message.');
alert('You should be seeing the hidden message by now.');

In my browser the alerts are executed before the document.write() statement. I've seen this bug on two different Mac OS X's using Safari versions 5.17, 6.0 and 6.0.2, but I haven't confirmed that anyone else has seen this yet.

Here's the fiddle:

http://jsfiddle.net/akJD7/

Can anyone confirm that they see this and if so, tell me why this is happening?

回答1:

I don't think that's a bug, strictly speaking. It's just that it's all synchronous, and there was no repaint before the second alert. Repaints don't usually happen within the same "tick" of the browser's event loop (although document.write seems to force a repaint in other browsers, e.g. Chrome).

This (ugly) workaround should fix it:

alert('here');
document.write('This is the hidden message.');
setTimeout(function() {
    alert('You should be seeing the hidden message by now.');
}, 0);



回答2:

Try this, if you have jQuery: http://jsfiddle.net/2Kcuz/

Per my comment, my guess is the text you added with document.write simply hasn't rendered yet (but it's there nonetheless).