从 iframe 内部导航到链接

Question

我希望这里有人能够提供帮助，我先谢谢了。

我有一个 iframe（在我的域中），当有人单击 iframe 中的链接时，我不希望该链接自动打开，我需要它转到一个函数，该函数在向页面添加一些内容后导航到该链接。

我用这个函数来填充iframe，

function setIframeHtml(html) {

   var iframe = document.getElementById("myFrame");
   var doc = iframe.document;
   if (iframe.contentDocument) {
       doc = iframe.contentDocument; // For NS6
   }
   else if (iframe.contentWindow) {
       doc = iframe.contentWindow.document;  // For IE5.5 and IE6
   }
   // Put the content in the iframe
   doc.open();
   doc.writeln(html);
   doc.close();

   navigating = false;
}

函数获取的html参数就是添加我的东西后要加载的页面。

当我从 iframe 内部执行此操作时，我收到一条错误消息，指出

Cannot read property 'document' of null    

仅当我从 iframe 外部调用该函数时，它才有效。

有什么想法如何让它发挥作用吗？

Answer 1

我为此使用了 jQuery，可能有一种不使用 jQuery 的方法，但不幸的是我不知道。

您可以指定当用户单击链接时要运行的代码，该代码将运行，然后框架将转到链接指定的页面。

这是一个带有警报框的示例。

$("a").click(function() {
    //do whatever you need to do on a link press here.    
    alert("Test");
});

实际操作：http://jsfiddle.net/W2NMu/，请注意框架在出现警报之前不会发生变化盒子已关闭。