使用iframe进行onclick功能

Question

我在左框架中有这个，我希望结果在其他框架中我尝试了很多但是对我来说什么都没有用，对此有什么帮助？

<script type="text/javascript">
    function goToPage() {
        var page = document.getElementById('datepicker').value;
        window.location = "http://example.com";
    }
</script>

<p><b><font color="#FF0000" size="4">Date:</font></b> 
<input type="text" id="datepicker" size="20" name="datepicker" value="Date Field" maxlength="8"><input type="submit" value="submit" onclick="goToPage();" /></a></p>

Answer 1

您需要引用要加载网址的iframe。

假设您的目标iframe ID是'targetIframe'并且jQuery已加载到所有iframe上，您可以从另一个iframe执行此操作：

var iframe = window.top.$('#targetIframe');
iframe.attr('src', url);

你也可以这样做：

iframe.contentWindow.location = url;