關於iframe的一些操作記錄

2021-07-31 03:35:13 字數 1449 閱讀 6157

本文作為自己對iframe的乙個操作總結，做下簡單的記錄，希望能給大家帶來收穫，頁面使用了jquery（當然iframe要有訪問的許可權才行，即同源）。

假如index頁面包含乙個id為 iframe的 iframe,下文中所提及的iframe變數均為dom物件,jquery物件轉dom物件可以使用[0]的方式。

index獲取該iframe的方式為

$(「#iframe」);

iframe scr中的頁面獲取該iframe的方式為

$(parent.document).find(「#iframe」);

index呼叫iframe的方法,比如show()：

var iframewindow = $(「#iframe」)[0].contentwindow;

iframewindow .show();

iframe scr中的頁面呼叫index中的方法,比如show()：

parent.show();

比如乙個頁面裡面顯示乙個iframe,並讓該iframe的documet繫結ajaxcomplete事件進行操作

首先要獲取到這個iframe,使用jquery的話必須使用的是該iframe頁面的jquery物件,否則無法繫結該事件;


**大致如下：


var currentwindow = iframe.contentwindow; //獲取iframe的window物件


為該iframe的document, $為該iframe window的jquery物件


var $iframedocument = currentwindow.$(currentwindow.document);//獲取iframe的jquery document物件


$iframedocument.on('ajaxcomplete', function(event, xhr, settings) );
父頁面為iframe繫結函式的方法就是在iframe load時獲取其window物件然後currentwindow .methodname = method;即可

$("#iframe").on("load", function


() })
使用layer開啟網頁後進行iframe的頁面操作,假設該頁面是一級頁面，非子頁面操作（layer呼叫方法返回的索引值，需要被其對應的layer物件關閉）

var index = layer.open(


});
關於iframe的簡單介紹就到此結束啦，歡迎和博主一起討論哦~

關於iframe的一些操作

用於自己學習，本身對於js的一些東西沒有深入了解，也是用到再去查 1.如果現在在乙個頁面，想要獲取這個頁面中的iframe中嵌入的頁面中的乙個指定id的div var iframeobj document.getelementbyid iframeid var temp iframeobj.cont...

操作iframe的一些方法

父頁面操作iframe裡的內容 oinput.onclick function iframe操作父頁面裡的內容 window.parent.document.getelementbyid box window.top.document.getelementbyid box window.onload...

關於Linux環境操作的一些記錄

使用 ctrl backspace退位，或者shift backspacebin startup.sh tail f log catalina.out less n catalina.out free 預設單位是kb free m mb作為單位展示 free g gb作為單位展示 free h 以你...