从子iframe javascript文件禁用父按钮

时间:2015-04-07 17:23:29

标签: javascript jquery html iframe

有没有办法禁用内部iframe javascript文件到父html文件的按钮。例如:

<body>
   <iframe src="frame1.html" name="frame1" height="100%"></iframe>
   <div id="test1"></div>
   <button type="button" id="myBtn">Click Me!</button>
</body>

基本上,frame1.html有自己的frame1.js文件,我想从这个文件中禁用“myBtn”按钮。顺便说一下,父母和子女的网址都在同一个域名中。

1 个答案:

答案 0 :(得分:0)

您可以使用&#34; window.parent&#34;来引用您的父HTML范围。方法。以下是有关&#34; window.parent&#34;的更多信息。和&#34; window.top&#34; - https://developer.mozilla.org/en-US/docs/Web/API/Window/parent

反之亦然,您可以通过document.getElementById('targetFrame').contentWindow从父级访问您的iframe分数,其中 targetFrame 是您的iframe ID。

在您的情况下,您可以使用:

window.parent.document.getElementById("myBtn").disabled = true;