单击iFrame中的锚点在Firefox和Chrome中的行为有所不同

Gan*_*alf 8 html javascript iframe

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

它基本上在iframe中有一个锚点.如果您点击该链接,您会看到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();
Run Code Online (Sandbox Code Playgroud)

HTML:

<iframe id="preview"></iframe>
Run Code Online (Sandbox Code Playgroud)

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

谁能告诉我为什么?

Lab*_*iel 0

实际上,这可能很愚蠢,但我不喜欢哈希标签,这就是为什么我javascript://尽可能使用哈希标签,但对于你的情况,我确信如果你用它替换你的href值,或者href='javasctipt:void(0)'它会解决这个问题,问题是,我认为,浏览器将哈希标签视为要浏览的新网址,这就是我不使用它的原因,我希望它对您有用