web中跨页面的点击事件

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

父页面 里面有两个子页面

1 <script type="text/javascript" src=xxx.js"></script>
2 <section>
3     <iframe id="a" src="a.jsp" ></iframe>
4     <iframe id="b" src="b.jsp" ></iframe>
5 </section>

a.jsp

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

b.jsp

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

xxx.js

 1 // 点击a页面a按钮后 触发b按钮点击
 2 $("#aaa").click(function () {  3     alert("a按钮被点击");  4     // 触发b按钮点击事件
 5     var obj = parent.frames["b"].window;  6     obj.document.getElementById('bbb').click();  7 }  8 
 9 $("#bbb").click(function () { 10     alert("b按钮被点击"); 11 }

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

但愿能帮到你们