Penyelesaian kepada masalah kebocoran memori apabila menggunakan jQuery untuk menetapkan semula alamat iframe di bawah IE_jquery

Terdapat iframe dalam halaman:

Salin kod Kod adalah seperti berikut:

Uji kebocoran IFRAME

Kandungan a.html adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

Sisipkan tajuk di sini


.godam{
/* 1. Sah pada semua pelayar */
warna latar:hijau;
/* 2. IE8~IE10, Opera sah, tetapi keserasian Opera boleh diabaikan */
warna latar belakang: biru /* 3. IE9~IE10 adalah sah, digabungkan dengan 2, mula-mula tulis satu untuk IE8 dalam 2, dan dalam artikel ini ia adalah untuk IE9|IE10 */
warna latar belakang: merah9 /* 4. IE7 adalah sah, dan digabungkan dengan 23 boleh membezakan IE7/IE8/(IE9|IE10) */
warna latar belakang:kuning;
}
/* Untuk IE10 */
@media skrin dan (-ms-high-contrast: aktif), (-ms-high-contrast: none) {
.godam{
warna latar belakang:merah jambu;
}
}

Akhiran "9" sah untuk IE6/IE7/IE8/IE9/IE10 akhiran" Akhiran "9 Awalan "*" adalah sah untuk IE7

Awalan " " sah untuk IE7
Awalan pemilih @skrin media dan (-ms-high-contrast: aktif), (-ms-high-contrast: none)

Sah untuk IE10

Salin kod

Kod adalah seperti berikut:

SPAN




Kandungan b.html adalah seperti berikut:

Salin kod

Kod adalah seperti berikut:

Sisipkan tajuk di sini



SPAN





Terdapat khabar angin di Internet bahawa kaedah penulisan berikut boleh mengurangkan kebocoran memori:

Salin kod

Kod adalah seperti berikut: var frameDom = $('iframe:eq(0)')[0]; var frameWin = frameDom.contentWindow;

cuba{
frameWin.document.write('');
frameWin.document.clear();
}tangkap(e){}; frameDom.src = 'b.html';



Jadi apakah kesannya?

Kaedah penulisan satu: tetapkan URL secara langsung

Salin kod

Kod adalah seperti berikut:

bendera var = benar;
var frameDom = $('iframe:eq(0)')[0];
$('butang').on('klik',fungsi(){
jika(bendera){
var frameDom = $('iframe:eq(0)')[0];
var frameWin = frameDom.contentWindow;
/*
Cuba{
frameWin.document.write('');
frameWin.document.clear();
}tangkap(e){}; */
frameDom.src = 'b.html';
bendera = palsu;
}lain{
var frameDom = $('iframe:eq(0)')[0];
var frameWin = frameDom.contentWindow;
/*
Cuba{
frameWin.document.write('');
frameWin.document.clear();
}tangkap(e){}; */
frameDom.src = 'a.html';
bendera = benar;
}
//$('#console').append(flag ? 'Tukar ke a.html': 'Tukar ke b.html');
});

Uji menggunakan sIEve: #kebocoran meningkat kira-kira 28 setiap kali anda bertukar.

Kaedah penulisan 2: Kaedah penulisan dalam talian

Salin kod Kod adalah seperti berikut:

bendera var = benar;
var frameDom = $('iframe:eq(0)')[0];
$('butang').on('klik',fungsi(){
jika(bendera){
      var frameDom = $('iframe:eq(0)')[0];
var frameWin = frameDom.contentWindow;
        cuba{
frameWin.document.write('');
frameWin.document.clear();
        }tangkap(e){}; frameDom.src = 'b.html';
bendera = palsu;
}lain{
      var frameDom = $('iframe:eq(0)')[0];
var frameWin = frameDom.contentWindow;
        cuba{
frameWin.document.write('');
frameWin.document.clear();
        }tangkap(e){}; frameDom.src = 'a.html';
bendera = benar;
}
//$('#console').append(flag ? 'Tukar ke a.html': 'Tukar ke b.html');
});




Uji menggunakan sIEve: #kebocoran meningkat kira-kira 28 setiap kali anda bertukar. Tiada bezanya dengan cara penulisan

Kaedah penulisan tiga:

Salin kod

Kod adalah seperti berikut: bendera var = benar; var frameDom = $('iframe:eq(0)')[0];

$('butang').on('klik',fungsi(){

jika(bendera){
/*
Cuba{
frameDom.contentWindow.document.write('');
frameDom.contentWindow.document.clear(); frameDom.contentWindow.close();
}tangkap(e){};
*/
$('iframe:eq(0)').remove();
$('body').append("");
bendera = palsu;
}lain{
/*
Cuba{
​ frameDom.contentWindow.document.write(''); frameDom.contentWindow.document.clear(); frameDom.contentWindow.close();
}tangkap(e){};
*/
$('iframe:eq(0)').remove();
$('body').append("");
bendera = benar;
}
});

Unter Verwendung des Siebtests: Der durchschnittliche #Leckwert beträgt 3, was einen großen Unterschied zu den ersten beiden darstellt

Schreibmethode 4: Beachten Sie, dass in Methode 3 ein Codeabschnitt kommentiert wird. Was passiert, wenn Sie den Kommentar entfernen?

Code kopieren Der Code lautet wie folgt:

var flag = true;
var frameDom = $('iframe:eq(0)')[0];
$('button').on('click',function(){
if(flag){
Versuchen Sie es{
frameDom.contentWindow.document.write('');
frameDom.contentWindow.document.clear();
frameDom.contentWindow.close();
}catch(e){};
​​​ $('iframe:eq(0)').remove();
$('body').append("");
flag = false;
}else{
Versuchen Sie es{
frameDom.contentWindow.document.write('');
frameDom.contentWindow.document.clear();
frameDom.contentWindow.close();
}catch(e){};
​​​ $('iframe:eq(0)').remove();
$('body').append("");
flag = true;
}
});

Es gibt keinen offensichtlichen Unterschied zwischen dieser Schreibmethode und Schreibmethode 3. #Leaks erhöht sich bei jedem Wechsel immer noch um etwa 3

Daraus lässt sich schließen, dass der beste Weg, den Speicherverlust beim Zurücksetzen der Iframe-Adresse zu beheben, darin besteht, sie zu löschen und eine weitere hinzuzufügen!

Die Online-Übertragung ist möglicherweise nicht zuverlässig

Hinweis: Die lokale Testumgebung ist WIN7 x64 IE9