• home > webfront > ECMAS > javascript >

    再说Js/Jquery获取iframe中的元素

    Author:zhoulujun@live.cn Date:

    在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。

    在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。

    首先:获取frame的里面元素(同源情况下!不同源还获取个毛啊!

    window.frames["right"].document.getElementById("catids").value
    //"59"
    document.getElementById("rightMain").contentWindow.document.getElementById("catids").value
    //"59"
    $("#rightMain").contents().find("#catids").val()
    //["59", "60", "71", "72", "73", "74", "109"]


    blob.png

    相反,frame里面获取父元素!

    $("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法

    frame 和iframe通信,不同源的情况下;那么只有跨域通信了

    第一:h5的 postMessage api

    第二:window.name 跨域


    转载本站文章《再说Js/Jquery获取iframe中的元素》,
    请注明出处:https://www.zhoulujun.cn/html/webfront/ECMAScript/js/2016_0407_7742.html