JavaScript 和 Jquery 操做 iframe

使用 JavaScript 和 Jquery 如何操做 html標籤 iframe 

JavaScript方式

1） var iframe = document.getElementById('iframe');             //  這種方式雖然可以獲取 iframe 對象，可是沒法獲取它的屬性

alert(iframe.nodeName);                                                       //  結果是 IFRAME

alert(iframe.document.getElementById('name').value);  //  運行出錯，由於沒法獲取其屬性，因此不推薦

2） var iframe = window.frames['iname'];    //這種方式是值得推薦的，由於能夠訪問其屬性

alert(iframe.nodeName);   // 結果是undefined

alert(iframe.document.getElementById('name').value);// 運行正常，可以獲取iframe中的元素對象

3）var iframe = window.frames[index];   //天然也能夠，但不推薦，緣由就是不和維護

Jquery方式

1）var $context = $('#iframe').contents();    // 經過ID選擇器獲取iframe元素，是能夠獲取iframe中的元素的

      alert($context.get(0).nodeName);      // #document

     alert($context.find('input[name="name"]').val()）;  // 獲取元素的值

總結以下

iframe就是一個window，但又不一樣於window。固然相同的地方纔是重點，這樣的話咱們就不必又去學習一遍iframe了，而是遷移學習。因此咱們最喜歡這樣先使用iframe對象獲取到document對象，而後對其文本流進行操做，至關於不一樣的工做空間，然而這些不一樣的iframe是能夠相互調用的。關於如何相互調用在找資料吧！