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按鈕點擊事件 可能不會觸發事件 。原理就是先獲取父頁面元素後再找到要調用點擊事件的頁面元素。

但願能幫到你們