日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

IE下使用jQuery重置iframe地址時(shí)內(nèi)存泄露問(wèn)題解決辦法

云知道

頁(yè)面中有個(gè)iframe:
復(fù)制代碼 代碼如下:
iframe src=https://www.rkxy.com.cn/dnjc/’a.html’/iframe
button測(cè)試IFRAME泄露/button

其中a.html內(nèi)容如下：
復(fù)制代碼 代碼如下:
!DOCTYPE html
html
head
meta charset="UTF-8"
titleInsert title here/title
script type="text/javascript" src="/images/defaultpic.gif"/script
style
.hack{
/* 1.所有瀏覽器都有效 */
background-color:green;
/* 2.IE8~IE10,Opera有效,但是Opera兼容性可以不考慮 */
background-color:blue;
/* 3.IE9~IE10有效,與2組合，在2中先寫(xiě)針對(duì)IE8的，在此條中針對(duì)IE9|IE10 */
background-color:red9;
/* 4.IE7有效,與23組合能區(qū)分出IE7/IE8/(IE9|IE10) */
background-color:yellow;
}
/* 針對(duì)IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.hack{
background-color:pink;
}
}

/style
/head
body

后綴"9" IE6/IE7/IE8/IE9/IE10都生效
后綴"" IE8/IE9/IE10都生效，是IE8/9/10的hack
后綴"9" 只對(duì)IE9/IE10生效，是IE9/10的hack
前綴"*" 對(duì)IE7有效
前綴" " 對(duì)IE7有效
選擇器前綴 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
針對(duì)IE10有效
復(fù)制代碼 代碼如下:
input type=’text’ value=https://www.rkxy.com.cn/dnjc/’中文’/input
div class=’hack’ style="width:100px;
height:100px;"/div
div id="1" style="padding:5px;position:relative;background-color:green;margin:10px;border:20px solid red;width:100%;height:200px;"
/div
div id="2"/div
spanSPAN/span
/body
/html

b.html內(nèi)容如下：
復(fù)制代碼 代碼如下:
!DOCTYPE html
html
head
meta charset="UTF-8"
titleInsert title here/title
script type="text/javascript" src="/images/defaultpic.gif"/script
/head
body
spanSPAN/span
/body
/html

網(wǎng)上有傳，如下寫(xiě)法可降低內(nèi)存泄露：
復(fù)制代碼 代碼如下:
var frameDom = $(’iframe:eq(0)’)[0];
var frameWin = frameDom.contentWindow;

try{
frameWin.document.write(’’);
frameWin.document.clear();
}catch(e){};
frameDom.src = https://www.rkxy.com.cn/dnjc/’b.html’;

那么效果怎樣呢？
寫(xiě)法一：直接設(shè)置URL
復(fù)制代碼 代碼如下:
var flag = true;
var frameDom = $(’iframe:eq(0)’)[0];
$(’button’).on(’click’,function(){
if(flag){
var frameDom = $(’iframe:eq(0)’)[0];
var frameWin = frameDom.contentWindow;
/*
try{
frameWin.document.write(’’);
frameWin.document.clear();
}catch(e){};
*/
frameDom.src = https://www.rkxy.com.cn/dnjc/’b.html’;
flag = false;
}else{
var frameDom = $(’iframe:eq(0)’)[0];
var frameWin = frameDom.contentWindow;
/*
try{
frameWin.document.write(’’);
frameWin.document.clear();
}catch(e){};
*/
frameDom.src = https://www.rkxy.com.cn/dnjc/’a.html’;
flag = true;
}
//$(’#console’).append(flag’切換到a.html’:’切換到b.html’);
});

使用sIEve測(cè)試：每切換一次，#leaks增加28左右 。

IE下使用jQuery重置iframe地址時(shí)內(nèi)存泄露問(wèn)題解決辦法


寫(xiě)法二：按網(wǎng)傳寫(xiě)法
復(fù)制代碼 代碼如下:
script
var flag = true;
var frameDom = $(’iframe:eq(0)’)[0];
$(’button’).on(’click’,function(){
if(flag){
var frameDom = $(’iframe:eq(0)’)[0];
var frameWin = frameDom.contentWindow;
try{
frameWin.document.write(’’);
frameWin.document.clear();
}catch(e){};
frameDom.src = https://www.rkxy.com.cn/dnjc/’b.html’;
flag = false;
}else{
var frameDom = $(’iframe:eq(0)’)[0];
var frameWin = frameDom.contentWindow;
try{
frameWin.document.write(’’);
frameWin.document.clear();

推薦閱讀