web中跨页面的点击事件

今天发第一篇 关于前端方面的问题 关于跨页面点击事件 话不多说 直接上代码

父页面 里面有两个子页面

<script type="text/javascript" src=xxx.js"></script>
<section>
    <iframe id="a" src="a.jsp" ></iframe>
    <iframe id="b" src="b.jsp" ></iframe>
</section>

a.jsp

<div>
    <button id="aaa">点击a<button>
</div>

b.jsp

<div>
    <button id="bbb">触发b<button>
</div>

xxx.js

// 点击a页面a按钮后 触发b按钮点击
$("#aaa").click(function () {
    alert("a按钮被点击");
    // 触发b按钮点击事件
    var obj = parent.frames["b"].window;
    obj.document.getElementById('bbb').click();
}

$("#bbb").click(function () {
    alert("b按钮被点击");
}

如果直接调用b按钮点击事件 可能不会触发事件 。原理就是先获取父页面元素后再找到要调用点击事件的页面元素。

希望能帮到大家