這幾天在項目中遇到一個難點，就是需要異步加載一個pdf插件，同時又需要獲取這個插件中的點擊事件來生成用戶的下載記錄。剛開始也是想了很多方法，網(wǎng)上搜的：

格式1：$("#iframe的ID").contents().find("#iframe中的控件ID").click();
 
格式2：$("#iframe中的控件ID",document.frames("frame的name").document).click();

發(fā)現(xiàn)在跨域環(huán)境下并沒有用，看到有些人說這個無解，需要走后臺，我當(dāng)時也是涼涼感覺。后來自己也是想了辦法，在插件頁面中給按鈕綁定事件，然后通過給插件帶參數(shù)時在url中加上幾個參數(shù)，一起提交。剛開始我也是做得風(fēng)生水起，結(jié)果，后來發(fā)現(xiàn)要帶的參數(shù)太多了，而插件又是以iframe引入, 很是麻煩。結(jié)果無意中找到了html5有一個頁面通訊方法，一實驗果然有效。現(xiàn)在做個記錄，以備不時之需。 

子頁面iframe中的代碼：

<script type="text/javascript">
        $("#secondaryDownload").click(function(){
            var fun="click";
            window.parent.postMessage(fun,'*');
        })
</script>

那個fun參數(shù)沒有實際意義，我只是為了加個小校驗，當(dāng)然也可以傳入自己想傳的參數(shù)。

父頁面代碼：

window.addEventListener('message',function(e){
        console.log(e);
        var fun=e.data;
        if(fun=="click"){
                alert("aaa");
                };
            }
        },false);

這樣，在我們點擊子頁面的下載按鈕時，會給父頁面發(fā)一個消息，而父頁面的事件監(jiān)聽器會接收到從而觸發(fā)相應(yīng)的事件。

當(dāng)然，我也是剛了解這個postMessage()方法，里面的參數(shù)細(xì)節(jié)請參考相關(guān)文檔。