javascript - 单击 iFrame 内的 anchor 在 Firefox 和 Chrome 中的行为不同

Question

我在 jsBin 中有以下代码: http://jsbin.com/iRoROvu/1/edit

它基本上在 iframe 中有一个 anchor 。如果您点击该链接，您将在 Chrome 中看不到任何反应，但在 Firefox 中它只会变成空白。

这是 jsFiddle 中的相同代码: http://jsfiddle.net/LbNwd/

JavaScript:

 var previewFrame = document.getElementById('preview');
    var preview =  previewFrame.contentDocument ||     previewFrame.contentWindow.document;     
    preview.open();
    preview.write("Hello World!<br/><a href='#'>Click me!</a>");
    preview.close();

HTML:

<iframe id="preview"></iframe>

在这种情况下，如果您使用 Firefox，它会在现有的 iframe 中创建另一个 iframe……并继续这样做……就像“Inception”一样。但相同的代码在 Chrome 中运行良好。

谁能告诉我为什么？

Answer 1

是的。你应该使用 href='javascript:void(0);'相反 href='#'

或

您可以使用 <a href='#' target="preview">Click me!</a>反而。

我想添加 target="preview"也应该解决你的问题。

只需尝试一次，让我们知道它是否有效。