Question

伙计们我试图用jQuery点击iframe中的按钮。

所以这是我创建的功能：

<script type="text/javascript">
     function ClickTheButton()
     {
        $('#InnerIframe').contents().find('#SuperWebF1').trigger( "click" );
     }
</script>

以下是iframe调用按钮时的HTML代码：

<button type="button"  id="SuperWebF1" title="Continue" class="button">Continue</button>

以下是iframe的HTML代码：

<div id="OutDiv" class="outerdiv">
    <iframe src="http://beta.sportsdirect.bg/checkout/onepage/" id="InnerIframe" class="FrameCSS" scrolling="no"></iframe>
</div>

当我在Chrome控制台中运行ClickTheButton()时出现此错误： TypeError: Cannot read property 'contents' of null

当我执行此功能时，没有单击该按钮，但它必须是......

那么伙计们，我的错误在哪里？如何点击iframe内的按钮？

提前致谢！

Answer 1

您无法访问从与您的服务器不同的服务器加载的iframe内容。这是出于安全原因。

有关详情，请参阅例如https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy或http://javascript.info/tutorial/same-origin-security-policy

尝试使用jQuery单击Iframe内的按钮

1 个答案: