Javascript 无法读取属性'；内容窗口'；ionic菜单中的null-iframe

这是我的宝物：

var-iframe=document.getElementById（'myIframe'）；
var iframediv=iframe.contentWindow.document；//画布在这里
iframediv.body.innerHTML+=''；

是获取无法读取属性错误的代码

我试图在iframe中创建一个画布，iframe位于作为离子菜单加载的页面上

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

问题似乎是因为我在index.html中声明了我的JavaScript文件，但我想使用的iframe在my home.html文件中，所以JavaScript文件找不到它

---

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

相当令人恼火，而且经常是这样，这是我自己犯的愚蠢错误

我现在已经将iframe画布加载程序放置到一个命名函数中，并从控制器调用该函数。我以前尝试这个的时候遇到的问题是，我从错误的控制器函数调用它，所以它永远不会加载-DOH

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