导航到iframe内部的链接

时间:2011-06-30 08:53:41

标签: javascript html iframe anchor

我希望有人能够提供帮助,谢谢我提前。

我有一个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,它是否有效。

任何想法如何使这个工作?

1 个答案:

答案 0 :(得分:0)

我为此使用了jQuery,可能有一种不使用jQuery的方法,但遗憾的是我不知道它。

您可以指定在用户点击链接时运行的代码,代码将会运行,然后框架将转到链接指定的页面。

以下是一个警告框示例。

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

在操作中:http://jsfiddle.net/W2NMu/,请注意在关闭提醒框之前框架是如何更改的。