6219人阅读
js、html（38）
项目中，有一个页面出现了如下的状况：
页面体会：
&&&&& IE浏览器内容加载完毕，但进度条加载很慢/IE进度条一直loading总处于未完成状态
&&&&& 并且，&栏目树&按钮点击后需较长时间的停顿后才显示树状结构(IE6/IE7停顿明显，FireFox速度正常)
代码排查：
&通过对弹出窗体&&&栏目树&窗体代码的检查，发现：
&&&&&& &栏目树&窗体中含有2个
百度了下，有如下几篇文章不错，copy下来，以备温故知新。
关于IE进度条的问题
现在遇到一个头痛的问题，一个jsp页面，当打开它时，也正常现实，一切都正常，只是下面的IE进度条每当打开这个页面时就一直处于未结束状态，而实际上页面的内容早已经显示完毕了，请问有哪几种可能会导致进度条始终处于读取状态呢
问题分析、解决：
找到原因了！！原因太隐蔽了，就是当有上下两个frame,上frame刷新下frame时，必须上frame也必须强制刷新一下，即使上frame没有任何变化，不然的话进度条就一直在等。
===================================================================
页面包含iframe后，浏览器进度条一直loading
问题陈述：
我页面里面有个iframe，页面加载进来后， & 这个iframe的内容也出来了
问题解决：
应该是iframe的原因 我把iframe这句删去 & 就没事了 而且页面里也没其他东西了
我页面里面有个table &table & width= "100% " & border= "0 " & cellpadding= "1 " & cellspacing= "0 "& &tr& &td & valign= "top " & class=bg1& &iframe & name= "frame " & border=0 & frameborder=0 & framespacing=0 & width=100% & height=326 & marginheight=0 & marginwidth=0 & noResize & scrolling=auto src= http://topic.csdn.net/u//"sysmyyh.do?method=LoadForSysYhQx " & vspale= "0 " allowTransparency= "true "& &/iframe& &/td& &/tr& &/table& 我把其他的东西都删了还是有这个问题 但我把iframe标签删了后，就好了 我相信是iframe本身的问题 那是相当多列
&mce:script
language= "javascript "&&!--
//三级checkbox点击事件
selectAll(value,
document.all.
(check[i].second
(check[i].checked
//二级checkbox
(check[i].first
check[i].checked
(check[i].first
check[i].checked
//一级checkbox
(check[i].second
(check[i].checked
(check[i].first
check[i].checked
(check[i].first
check[i].checked
//二级功能组点击事件
expanded(table,img){
document.getElementById(table).getElementsByTagName( "tr ");
document.getElementById(img);
(tr[i].three
tr[i].three
undefined){
tr[i].style.
objImg.src
}/image/tree/dot2_2.gif ";
tr[i].style.display
objImg.src
}/image/tree/dot1_1.gif ";
tr[i].style.display
//一级功能组点击事件
expand(table,img){
document.getElementById(table).getElementsByTagName( "tr ");
document.getElementById(img);
(tr[i].three
tr[i].style.
objImg.src
}/image/tree/dot2_2.gif ";
tr[i].style.display
objImg.src
}/image/tree/dot1_1.gif ";
tr[i].style.display
//一级checkbox点击事件
checkExpanded(obj,
document.all.
//change二级和三级checkbox
((objBox[i].second
(objBox[i].three
checkbox)){
(obj.checked){
objBox[i].checked
objBox[i].checked
(obj.checked){
//展开其下的内容
document.getElementById(table).getElementsByTagName( "tr ");
document.getElementById(img);
(tr[i].second
checkbox){
objImg.src
}/image/tree/dot2_2.gif ";
tr[i].style.display
arr[index]
(tr[i].three
checkbox){
objImg.src
}/image/tree/dot2_2.gif ";
tr[i].style.display
(objBox[i].first
document.getElementById(objBox[i].imgindex).src
}/image/tree/dot2_2.gif ";
//二级checkbox点击事件
checkExpand(obj,
document.all.
(objBox[i].second
checkbox){
(obj.checked){
objBox[i].checked
objBox[i].checked
document.all.
(check[i].second==
(check[i].checked
(check[i].first
check[i].checked
(check[i].first
check[i].checked
(obj.checked){
//展开其下的内容
document.getElementById(table).getElementsByTagName( "tr ");
document.getElementById(img);
(tr[i].second
checkbox){
objImg.src
}/image/tree/dot2_2.gif ";
tr[i].style.display
// --&&/mce:script&
---------回复--------------
leftmargin= "0 "
topmargin= "0 "
marginwidth= "0 "
marginheight= "0 "&
width= "100% "
border= "0 "
cellpadding= "6 "
cellspacing= "0 "
class=bg1&
&td& &c:forEach
var= "qxfirst "
items= "${qxlist
varStatus= "s "&
qxfirst.kind
width= "100% "
border= "0 "
cellpadding= "1 "
cellspacing= "0 "&
width= "100% "
border= "0 "
cellpadding= "0 "
cellspacing= "0 "
id= "table${s.index
width= "100% "
border= "0 "
cellpadding= "0 "
cellspacing= "0 "&
width= "11 "
align= "right "& &img
id= "img${s.index} "
src= http://topic.csdn.net/u//"../image/tree/dot1_1.gif "
width= "9 "
height= "9 "
onClick= "expand( 'table${s.index} ', 'img${s.index} ') "& &/td&
&td& & &input
name= "check "
type= "checkbox "
id= "first "
first= "check${s.index
second= " "
three= " "
onClick= "checkExpanded(this, 'check${s.index} ', 'table${s.index
'img${s.index
value= "${qxfirst.value
class= "STYLE1 "& ${qxfirst.name
} &/span& &/td&
&c:forEach
var= "qxsecond "
items= "${qxlist
varStatus= "t "&
&c:choose&
test= "${qxsecond.parent
qxfirst.value
first= "check${t.index
second= "check${s.index
three= " "
style= "display:none "&
width= "100% "
border= "0 "
cellpadding= "0 "
id= "table${t.index
cellspacing= "0 "&
align= "left "&
align=right& &img
src= http://topic.csdn.net/u//"../image/tree/xx002_1.gif "
width= "12 "
height= "17 "& &/td&
align= "left "&
width= "100% "
border= "0 "
cellpadding= "0 "
cellspacing= "0 "&
width= "11 "
align= "right "& &img
id= "img${t.index} "
src= http://topic.csdn.net/u//"../image/tree/dot1_1.gif "
width= "9 "
height= "9 "
onClick= "expanded( 'table${t.index} ', 'img${t.index} ') "& &/td&
width= "7 "& &img
src= http://topic.csdn.net/u//'../image/three/xx004_1.gif_1.gif " '
width= "7 "
height= "1 "& &/td&
&td& &input
name= "check "
id= "second "
first= "check${t.index
second= "check${s.index
three= " "
type= "checkbox "
imgindex= "img${t.index
onClick= "checkExpand(this, 'check${t.index} ', 'check${s.index
} ', 'table${t.index
} ', 'img${t.index
value= "${qxsecond.value
${qxsecond.name
&/span& &/td&
&c:forEach
var= "qxthree "
items= "${qxlist
varStatus= "m "&
&c:choose&
test= "${qxthree.parent
qxsecond.value} "&
first= "check${m.index
second= "check${t.index
three= "check${s.index
style= "display:none "&
colspan= "2 "&
width= "80% "
border= "0 "
cellspacing= "0 "
cellpadding= "0 "
align= "right "&
width= "18 "
align= "right "& &img
src= http://topic.csdn.net/u//"../image/tree/xx002_1.gif "
width= "12 "
height= "17 "& &/td&
align= "left "&
width= "100% "
border= "0 "
cellpadding= "0 "
cellspacing= "0 "&
width= "11 "
align= "right "& &img
src= http://topic.csdn.net/u//"../image/tree/dot2_2.gif "
width= "9 "
height= "9 "& &/td&
width= "7 "& &img
src= http://topic.csdn.net/u//'../image/three/xx004_1.gif.gif " '
width= "7 "
height= "1 "?& &/td&
&td& &input
name= "check "
second= "check${t.index
first= "check${m.index
three= "check${s.index
type= "checkbox "
value= "${qxthree.value
onclick= "selectAll( 'check${t.index
} ', 'check${s.index
${qxthree.name
&/c:choose&
&/c:forEach&
&/c:choose&
&/c:forEach&
&/c:forEach& &/td&
---------回复--------------
我iframe中显示的是个树
应该没有关系
---------回复--------------
晕了，帖这么多JSTL的代码，应该也不会是JSTL这部分的，要不你试试是不是你的浏览器的问题，换其他人试下，你的那个IFRAME外面看不出来，
width= "100% "
border= "0 "
cellpadding= "1 "
cellspacing= "0 "&
valign= "top "
class=bg1&
name= "frame "
frameborder=0
framespacing=0
width=100%
height=326
marginheight=0
marginwidth=0
scrolling=auto
src= http://topic.csdn.net/u//" "
vspale= "0 "
allowTransparency= "true "&
---------回复--------------不是浏览器的问题 我试过 得说一下
我的index.jsp中包含两个iframe(a.do,&& b.do) 然后b.do后跳转到b.jsp,&&&& b.jsp中又包含一个iframe,&& 我上面所说的页面就是指b.jsp。&& & 不知道这样两次套用是不是问题的原因 ---------回复--------------刚才在网上狂查 终于找到了是怎么回事 把结果帖出来，&& 大家看看
是因为我iframe页面中又套用了iframe 这种操作就相当于 2个frame数据的同时更新, 导致IE无法判断是否装载完成
我在b.jsp页面里加了句 setTimeout( "document.all.frame.src=
' ",&& 1); 就好了。
===================================================================
用iframe做Tab页的内存泄漏问题以及进度条问题,急急急...
在系统中自己用iframe做了个Tab页，到测试的时候才发现。javascript频繁的操作iframe的时候导致内存泄漏，还有就是在插入的iframe的src链接返回的页面中如果包括iframe或者jsp:include，则sp3系统的IE浏览器内容加载完毕，但进度条加载很慢
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1620517次
积分：12916
积分：12916
排名：第820名
原创：85篇
转载：421篇
评论：128条
(1)(4)(9)(2)(12)(2)(1)(1)(1)(2)(11)(4)(8)(4)(9)(3)(11)(4)(8)(11)(2)(11)(1)(5)(3)(2)(4)(24)(24)(8)(1)(3)(5)(2)(1)(8)(3)(3)(1)(9)(16)(11)(3)(1)(1)(1)(1)(1)(1)(5)(1)(2)(20)(19)(2)(7)(19)(8)(8)(25)(24)(29)(8)(1)(6)(1)(1)(26)(10)(1)(12)(7)本帖子已过去太久远了，不再提供回复功能。uc浏览器无法打开网页，进度条卡在一半不动了…
uc版本，7.1到7.4全部版本
接入点，wap.tim.it 意大利
所有网站都打不开，下方进度条到一半停住…
工具里检查网络显示正常
设置里网络相关选项全试过
ucmobile无问题，
其他浏览器，联网软件都正常
[ 本帖最后由 客服10 于 日 10:33 编辑 ]
上UC，有快感！
该帖共收到 1 条回复！
发表于 日 10:33
楼主，您好！请问您的接入点方面是否有进行过设置呢？请尝试使用国际版的uc浏览器试试能否正常
以下是下载地址&&~感谢您的支持！
上UC，有快感！