为页面上的每个iFrame添加`load`事件

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

为页面上的每个iFrame添加`load`事件

$(document).on("load", "iframe", function() {
	$("body").append("this is what I want, but it doesn't work!");
var iFrame = $("<iframe/>", {
        srcdoc  : "<html style='overflow: hidden;'><body>Appended iFrame</body></html>"
$("body").append(iFrame);
iFrame.on("load",function(){
	$("body").append("this seems to work.... but isn't what I'm looking for.");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

var iFrame = $("<iframe />", {
        srcdoc  : "<html style='overflow: hidden;'><body>Appended iFrame</body></html>"
$("body").append(iFrame);
iFrame.on("load",function(){
	$("div").append("this seems to work....");
  //alert("cde");
$("iframe").on("load", function () {
	$("div").append("this does NOT seem to work!");
  alert("abc");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    </div>

$(document).on('DOMNodeInserted', function(e) {
    //check is iframe is loaded
    if(e.target.localName=="iframe"){
      console.log("New iframe loaded!");
      $("div").append("this does NOT seem to work!");
function addIframe(){
    var iFrame = $("<iframe />", {
            srcdoc  : "<html style='overflow: hidden;'><body>Appended iFrame</body></html>"
    $("body").append(iFrame);
    iFrame.on("load",function(){
      $("div").append("this seems to work....");

推荐文章

直爽的牛肉面 · 【故障解决】ORA-06502: PL/SQL: numeric or value error_51CTO博客_ORA-06502

1 周前

精明的小刀 · Android 中字符串的拆分--split的使用_android string split(".")-CSDN博客

6 月前

爱玩的充电器 · sql更新出错，事物回滚_接收到意外更新计数 (实际: 2, 应为: 1)。所有变更都将被回滚。-CSDN博客

7 月前

飘逸的山羊 · vba打开超链接的文件-掘金

1 年前

曾经爱过的八宝粥 · cef开启摄像头和录音 - 小水皮 - 博客园

1 年前

为页面上的每个iFrame添加`load`事件

2 个回答