(原创文章,转载请注明出处,谢谢大家!)
webview,里面包含其他异步加载内容,这块内容有3个状态,
“加载中” “加载成功” “加载失败”
一 加载中
二 加载成功
三 加载失败
后来,又产生了第4种状态:成功加载,但是内容已经无效,就是说不需要再展示给用户,ui上面就是隐藏整个加载框的内容,
今天分享下,第四种状态的具体代码:
WebView webview_detail=findViewById(R.id.webview_detail);
String elementId="load0";
String str="
var divLoad=document.getElementById(elementId);
if(divLoad!=null){
divLoad.style.width=0;
divLoad.style.height=0;
divLoad.style.minHeight=0;
divLoad.style.border='0 #ffffff';
divLoad.style.marginTop=0;
divLoad.style.padding='0px 0px';
}else{
}
";
webview_detail.loadUrl("javascript:"+str);
这种方案需要注意一个地方:子元素是否有设置float属性,如果有,页面会产生莫名奇妙的空白,单单调整margin、padding是无法消除这个空白的,还需要将float属性设为none。
当然,第四种状态还有其他的实现方案,比如说
divLoad.style.display='none'