javascript - 无法访问我的iframe中的跨域父元素

时间:2009-08-20 10:11:18

标签: javascript iframe element parent

以下是我的箴言:

我已将bookmarklet功能添加到我的网站。为此,我在我的网站上提供了一个名为“我的书签”的链接。所以,我将该链接拖到书签,它将被添加到书签。所以,从现在开始,当我访问其他网站时说“yahoo.com”..我喜欢该网站的任何内容,所以我可以选择该内容并点击书签中的“我的书签”,它将打开我的一页网站作为“yahoo.com”的子元素。

为此,我在javascript中添加了以下代码。 ifrme src是我网站的网址。

 var div = document.createElement("div");

  div.id = "instacalc_bookmarklet";

  var str = "";
  str += "<table id='instacalc_bookmarklet_table' valign='top' width='570' cellspacing='0' cellpadding='0'><tr><td width ='850' height='880'>";
  str += "<iframe frameborder='2' scrolling='yes' name='instacalc_bookmarklet_iframe' id='instacalc_bookmarklet_iframe' src='" + iframe_url + "' width='850px' height='875px' style='textalign:right; backgroundColor: white;'></iframe>";
  str += "</td><td id='closetd' onClick='toggleItem(\"instacalc_bookmarklet\");' style='background: #FFDDDD;' title='click to close window' valign='top' align='center' width='20px'>";
  str += "<a href='javascript:void(0);' style='width:100%; text-align: middle; color: #FF0000; font-family: Arial;'>x</a>";
  str += "</td></tr></table>";

  div.innerHTML = str;

  div.onkeypress = keyPressHandler;
  document.body.insertBefore(div, document.body.firstChild);

你可以在这里标记,我已经添加了一个表格标签,并在其中添加了两个td ..一个用于在iframe中显示我的页面,另一个td用于“关闭”按钮..这将关闭这个打开的窗口从“雅虎” .COM”。

现在,我的问题是..我的网站中有“关闭”按钮.. onclick它...我想要关闭窗口..(上面的javascript中的'关闭'按钮的操作相同...调用“toggleItem”函数)

但我的问题是..在我的iframe中我无法访问div元素..

我写的像

<a href="#bookmarklet" onclick="closethis();">Close</a>


<script>

    function closethis()
    {

      id='instacalc_bookmarklet';
      var item = parent.document.getElementById(id);
      if(item){
        if ( item.style.display == "none"){
          item.style.display = "";
        }
        else{
          item.style.display = "none";
        } 
      }
    }


</script>

但点击该关闭链接..我收到javascript错误“权限被拒绝获取属性window.document”行var item = parent.document.getElementById(id);

任何想法?

先谢谢。

1 个答案:

答案 0 :(得分:2)

出于安全原因,这是javascript禁止的,您无法更改它。他们是绕过限制的一些方法:

  • 使用回调函数并将数据作为JSONP加载。这可能不适合你的情况。
  • 在网页中创建一个表单,其中包含针对foreight域的操作,提交,获取响应然后删除表单。