javascript - Global function is not a function in latest browsers Microsoft Edge & Chrome

Question

The following code works fine in my IE-10 but does not work in Chrome and Edge browsers. Any pointers will be appreciated.

form.jsp

 <div id="myDiv">
    <iframe id="iframeId" name="theIframe"  src="" frameborder="0" marginwidth="10" marginheight="20" scrolling="auto" width="100%" height="100%">
    </iframe>   
</div>

submit element in the form.JSP

<div id="submitButton">
    <input id="vButton" type="button" name="PullReport" value="Submit Me" onClick="document.theIframe.submitReport();"/>
</div>

myfunc.js

function submitReport () {
//this works
}

Error : at this line document.theIframe.submitReport()

> Uncaught TypeError: document.theIframe.submitReport() is not a
> function

Answer 1

等待大神解答