javascript - 在加载特定 iframe 元素 ID 之前隐藏父页面中的表单

Question

我所需要的只是仅当特定元素 ID 在 iframe 内加载时才显示父页面表单。父/iframe 位于同一域中。我如何使用 JavaScript 实现这一点？

<form id="Search" action="../search.php" target="my-iframe" method="post">
<input type="text" id="location" name="keywords[all_words]"  />
<a href="#" onclick="document.getElementById('Search').submit()" >Search</a>
</form>

<iframe id="myiframe" src="../page.html" name="myiframe" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>

Answer 1

您可以使用 jQuery 将 load 事件附加到 iframe。这是一个工作示例:http://jsfiddle.net/kPqbS/