无法阅读属性' contentWindow' of null - 离子菜单中的iframe

时间:2015-04-13 13:39:44

标签: javascript iframe ionic

这是我的傻瓜:

http://plnkr.co/edit/8SOkJeAG4Tctp4zLoAJ0?p=preview

var iframe = document.getElementById('myIframe');
var iframediv = iframe.contentWindow.document;      // canvas goes here
iframediv.body.innerHTML += '<canvas id="stage" width="360" height="180"></canvas>';

我得到的代码是否无法读取属性错误。

我尝试在iframe中创建画布,iframe位于作为离子菜单加载的页面上。

我希望控制画布中数据的代码包含在一个单独的js文件中,以便于阅读,并在需要时重新使用代码。

问题似乎是因为我在我的index.html中声明了我的JavaScript文件,但是我要使用的iframe是在我的home.html文件中,那么JavaScript文件无法找到它?

我应该如何声明我的iframe和javascript文件,以便它可以在嵌套的javascript文件中读取我的iframe的属性?

1 个答案:

答案 0 :(得分:0)

相当恼人,而且经常出现这种情况,这是我自己造成的一个愚蠢的错误!

我现在已将iframe画布加载器放入命名函数中,并且我从控制器调用它。我之前尝试过这个问题的原因是我从错误的控制器函数调用它,所以它从不加载 - DOH!