世界之窗论坛 - Powered by Discuz! Board

标题: [经验交流] 空白页laji代码太多，严重影响速度 [打印本页]

作者: qiulingkai 时间: 2010-5-23 21:46 标题: 空白页laji代码太多，严重影响速度

空白页laji代码太多，严重影响速度，

代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-cn" xml:lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>空白页</title>
<style type="text/css">
body, ul, ol, dl, dt, dd, form, legend, fieldset, h1, h2, h3, h4, h5, h6, p, input {
margin: 0;
padding: 0;
}
body, a, select, input, td, th, button {
font: 12px/1.5 /*'Microsoft Yahei',*/arial, 'SimSun', sans-serif;
}
a img {
border: 0 none;
}
.clear {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}
ul, ol {
list-style: none;
}
.doc {
display:none;
margin: 0 auto;
padding:0 10px;
width: 960px;
color: #010101;
}
a, a:link, a:visited {
text-decoration: underline;
color: #010101;
}
.hd {
padding: 40px 0 30px;
}
.bd {
clear: both;
}
.search fieldset {
border: 0 none;
}
.search legend {
display: none;
}
.search {
margin: 0 auto;
width: 425px;
}
.engine {
margin: 0 10px 0 0;
line-height: 2em;
}
.engine input {
vertical-align: middle;
}
.q {
padding: 3px 0 3px 25px;
width: 310px;
vertical-align: middle;
background: #fff url("google.ico") 5px 3px no-repeat;
border: 1px solid #eff7ff;
outline:none;
}
.qs {
margin:0 0 0 5px;
padding:1px 0;
width: 80px;
vertical-align: middle;
}
.qc {
display: inline-block;
border: 1px solid #a8b9d7;
}
.search li {
clear: both;
}
.site {/*43/18*/
float: left;
position: relative;
z-index: 10;
margin: 0 18px 20px;
width: 190px;
}
.site-icon {
margin:0 2px 0 5px;
width: 16px;
height: 16px;
vertical-align: middle;
}
.site-capture {
overflow:hidden;
display: block;
padding:0 5px 0 0;
-moz-outline: none;
background: #fff;
}
/*.site-capture em {
overflow:hidden;
display:block;
height: 108px;
cursor:pointer;
background:#f9f9f9 url("icon-add.gif") 50% 50% no-repeat;
}*/
.site-capture img{
width:100%;
}
.site-url, .site-url:link, .site-url:visited {
overflow: hidden;
display: block;
height: 25px;
line-height: 25px;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: none;
-moz-outline:none;
}
.site-bd {
padding: 0 0 0 5px;
}
.rnd span {
display: block;
height: 1px;
line-height: 1px;
font-size: 0;
text-indent:-9999px;
}
.rnd span {
background: #e5e4e4;
}
.round-north,.round-south{
position:relative;
z-index:3;
}
.round-north,.round-south{
height:5px;
line-height:5px;
}
.round span,.round em{
position:absolute;
z-index:3;
width:5px;
height:5px;
font-size:0;
z-index:5;
background:url("icon-ball.gif") 0 0 no-repeat;
}
.round span{
left:0;
}
.round em{
right:0;
}
.site-bd,.site-capture {
background: #e5e4e4 url('bg1.gif') 0 0 repeat-y;
}
.site-capture{
background-position:100% 0;
}
.site-actions {
display: none;
padding:0 0 0 3px;
border:1px solid #70a4df;
border-width:0 1px;
}
.site-actions,.site-action-inner,.site-action-inner2{
background:url('bg3.gif') 0 0 no-repeat;
}
.site-action-inner{
padding:0 3px 0 0;
background-position:100% -36px;
}
.site-action-inner2{
height: 18px;
line-height: 18px;
background-position:0 -18px;
background-repeat:repeat-x;
}
.round-north,.round-south{
background:url('bg2.gif') 0 0 repeat-x;
}
.round-south{
background-position:0 -5px;
}
.round em{
background-position:-5px 0;
}
.round .round-south span{
background-position:0 -5px;
}
.round .round-south em{
background-position:-5px -5px;
}
.entry:hover .site-hd,.hover .site-hd {
position: absolute;
top: -18px;
left: 0;
width: 100%;
}
.entry:hover {/* .site-bd*/
padding-top: 5px;
}
.site-actions a {
position:absolute;
top:4px;
z-index:5;
overflow: hidden;
width: 17px;
height: 17px;
text-indent: -9999px;
}
.entry:hover .round-north,.hover .round-north{
background-position:0 -10px;
}
.entry:hover .round-south,.hover .round-south{
background-position:0 -15px;
}
.entry:hover .site-bd,.hover .site-bd {
background-color:#b1d0f1;
background-position:0 100%;
}
.entry:hover .site-capture,.hover .site-capture {
background-color:#b1d0f1;
background-position:100% 100%;
}
.entry:hover .round span,.hover .round span{
background-position:0 -10px;
}
.entry:hover .round em,.hover .round em{
background-position:-5px -10px;
}
.entry:hover .round .round-south span,.hover .round .round-south span{
background-position:0 -15px;
}
.entry:hover .round .round-south em,.hover .round .round-south em{
background-position:-5px -15px;
}

.entry:hover .site-hd .site-actions {
display: block;
}
.hover .site-hd .site-actions {
display: block;
}
.hover {/* .site-bd*/
padding-top: 5px;
}
.rnd .rnd1 {
margin: 0 4px;
}
.rnd .rnd2 {
margin: 0 2px;
}
.rnd .rnd3 {
margin: 0 1px;
height: 2px;
line-height: 2px;
}
.dialy {
clear: both;
margin: 0 25px;
padding: 50px 0 0;
}
.dialy-bd {
overflow: hidden;
height: 2em;
line-height: 2em;
background: #e7eff7;
}
.dialy p {
overflow: hidden;
padding: 0 20px 0 30px;
white-space: nowrap;
text-overflow: ellipsis;
background: url('icon-dilay.png') 10px 50% no-repeat;
}
.navigator {
float: right;
display: block;
width: 55px;
padding: 0 5px 0 20px;
}
.navigator a {
display: inline-block;
margin: 2px 3px 0 3px;
width: 20px;
height: 20px;
line-height: 25px;
background: url("icon-navigator.png") 0 0 no-repeat;
}
.navigator a, .navigator a:link, .navigator a:visited {
text-decoration: none;
-moz-outline: none;
}
.navigator .prev {
background-position: 10px 5px;
}
.navigator .next {
background-position: -17px 5px;
}
.navigator a.disabled, .navigator a.disabled:link, .navigator a.disabled:visited {
cursor: default;
opacity: 0.5;
-ms-filter: "progid

XImageTransform.Microsoft.Alpha(opacity=50)";
filter: progid

XImageTransform.Microsoft.Alpha(opacity=50);
}
.page-switcher, .page-switcher:link, .page-switcher:visited {
position: absolute;
bottom: 10px;
right: 20px;
z-index: 999;
text-decoration: none;
}
.light, .light:link, .light:visited {
color: #2a6bb4;
}
.messenger{
position:absolute;
right:250px;
top:10px;
width:250px;
z-index:1001;
opacity: 0.9;
-ms-filter: "progid

XImageTransform.Microsoft.Alpha(opacity=90)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.messenger .rnd span{
background:#e3b858;
}
.messenger .messenger-bd{
overflow:hidden;
padding:0 10px;
height:25px;
line-height:26px;
white-space:nowrap;
text-overflow:ellipsis;
background:#ffc;
border:1px solid #ebd09c;
}
.messenger-rollback{
position:absolute;
right:1px;
top:1px;
z-index:10;
padding:0 15px 0 20px;
height:25px;
line-height:26px;
background:#ffc;
}
.messenger-rollback,.messenger-rollback:link,.messenger-rollback:visited{
font-weight:700;
text-decoration:underline;
color:#2b5c94;
}
.ui-autofill-dialog {
position: absolute;
z-index: 1000;
left: 200px;
top: 100px;
display: none;
width: 500px;
border:2px solid #414141;
}
.ui-autofill-dialog form {
padding: 10px 25px;
}
.ui-autofill-dialog legend {
display: none;
}
.ui-autofill-dialog fieldset {
clear: both;
border: 0 none;
}
.ui-autofill-dialog .label, .ui-autofill-dialog .field, .ui-autofill-dialog li {
float: left;
}
.ui-autofill-dialog h4 {
line-height: 25px;
font-size: 12px;
text-indent: 5px;
}
.ui-autofill-dialog li {
padding: 5px 0;
width: 100%;
}
.ui-autofill-dialog .first {
padding-top: 0;
}
.ui-autofill-dialog .label {
padding: 0 10px 0 0;
width: 80px;
text-align: right;
}
.ui-autofill-dialog .tf1 {
padding: 2px 2px 2px 0;
width: 320px;
}
.ui-autofill-dialog .close {
position: absolute;
z-index: 10;
right: 5px;
top: 5px;
width: 25px;
height: 25px;
background:url('icon-close.gif') 50% 50% no-repeat;
}
.ui-canvas {
position: absolute;
z-index: 998;
left: 0;
top: 0;
display: none;
width: 0;
height: 0;
background: #414141;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity: 0.9;
}
.ui-autofill-dialog form,.ui-autofill-dialog .site-bd, .ui-autofill-dialog .rnd span{
background: #fff;
}
.ui-autofill-dialog .button{
padding:20px 0 5px;
text-align:right;
}
.ui-autofill-dialog .button input {
margin:0 0 0 10px;
width: 80px;
}
.site-actions a{
background:url("icons.gif") 0 0 no-repeat;
}
.site-actions .action-edit,.site-actions .action-edit:link,.site-actions .action-edit:visited{
left:27px;
background-position:0 0;
}
.site-actions .action-edit:hover,.site-actions .action-edit:active{
background-position:0 -68px;
}
.site-actions .action-del,.site-actions .action-del:link,.site-actions .action-del:visited{
right:5px;
background-position:0 -51px;
}
.site-actions .action-del:hover,.site-actions .action-del:active{
background-position:0 -119px;
}
.site-actions .action-lock,.site-actions .action-lock:link,.site-actions .action-lock:visited{
left:5px;
background-position:0 -35px;
}
.site-actions .action-lock:hover,.site-actions .action-lock:active{
background-position:0 -102px;
}
.site-actions .locked,.site-actions .locked:link,.site-actions .locked:visited{
background-position:0 -18px;
}
.site-actions .locked:hover,.site-actions .locked:active{
background-position:0 -85px;
}
.search-wrapper{
margin:0 auto;
width:500px;
}
.search-bd{
padding:10px 0;
}
.search-wrapper .round-north,.search-wrapper .round-south,.search-bd{
background:#f6fbfd;
}
.search-wrapper .round-north span,.search-wrapper .round-north em,.search-wrapper .round-south span,.search-wrapper .round-south em{
background:url("bg-corner.gif") 0 0 no-repeat;
}
.search-wrapper .round-north span{
background-position:0 0;
}
.search-wrapper .round-north em{
background-position:100% 0;
}
.search-wrapper .round-south span{
background-position:0 -5px;
}
.search-wrapper .round-south em{
background-position:100% -5px;
}
</style>


<script src="loader_compiled.js" type="text/javascript"></script>
</head>
<body>
<div class="doc" id="doc">
  <div class="hd" id="hd">
<div class="search-wrapper">
<div class="round round-north"><span></span><em></em></div>
<div class="search-bd" id="searchWrapper"></div>
<div class="round round-south"><span></span><em></em></div>
</div>
  </div>
  <div class="bd">
<ul class="sites" id="sites"></ul>
<div class="clear"></div>
<div class="dialy" style="display:none">
   <div class="dialy-hd rnd rnd-hd"><span class="rnd1">r</span><span class="rnd2">r</span><span class="rnd3">r</span></div>
   <div class="dialy-bd"> <span class="navigator"> <a class="prev disabled" href="javascript:void(0)"></a> <a class="next" href="javascript:void(0)"></a></span><p></p></div>
   <div class="dialy-ft rnd rnd-ft"> <span class="rnd3">r</span><span class="rnd2">r</span> <span class="rnd1">r</span></div>
</div>
</div>
</div>
<div class="ui-component ui-panel ui-autofill-dialog" id="autoFillDialog"></div>
<a hidefocus="true" id="pageSwitcher" class="page-switcher light" href="#">展开↑</a>
<script type="text/javascript">
//<![CDATA[
try{
var twBlankIcon = external.twGetBlankLog(external.twGetSecurityID(window));
}catch(e){}
var PageUtil = {
_trigger:document.getElementById("pageSwitcher"),
_doc:document.getElementById("doc"),
_init:false,
setVisible:function(b){
  if(b){
this._doc.style.display = "block";
this._trigger.innerHTML = "收起↓";
document.body.style.background = "none";
  }else{
this._doc.style.display = "none";
this._trigger.innerHTML = "展开↑";
document.body.style.background = "url('"+twBlankIcon+"') 0 100% no-repeat";
  }
  try{
external.SetOptionValue(external.twGetSecurityID(window),"Option","TWBlnkExp",b?"1":"0");
  }catch(e){}
},
isVisible:function(){
  return this._doc.style.display == "block";
},
_loadResource:function(){
  var _this = this;
  //USE A LOADER TO RETRIEVE RESOURCE ON DEMAND
  var loader = ResourceLoader.getDefaultLoader();
  loader.reserve("ioage_compiled.js");//
  loader.listen(ResourceLoader.STATE_COMPLETE,function(length){
_this.setVisible(true);
ioage.ui.BlankUtil.init();
  });
  loader.load();
},
init:function(){
  var _this = this,expand = false;
  try{
var state = external.GetOptionValue(external.twGetSecurityID(window),"Option","TWBlnkExp");
if(typeof state != "undefined" && state != "" && parseInt(state)==1)
expand = true;
  }catch(e){}

  if(expand){
this._loadResource();
_this._init = true;
  }else{
//add theworld icon
document.body.style.background = "url('"+twBlankIcon+"') 0 100% no-repeat";
  }
  this._trigger.onclick = function(){
if(!_this.isVisible()){
if(!_this._init){
   _this._loadResource();
   _this._init = true;
}
_this.setVisible(true);
}else{
_this.setVisible(false);
}
return false;
  }
}
}
PageUtil.init();
var repaint = function(){
var allimg =document.getElementsByTagName("img");
for(var i=0;i<allimg.length;i++){
   var item = allimg;
   if(item.parentNode.getAttribute("source"))
      allimg.src=ioage.browser.TWToolkit.getInstance().getSiteSnap(item.parentNode.getAttribute("source"))+"?r="+Math.random().toFixed(4);
}
}
var cleanup = function(){
document.search.q.value = "";
}
//]]>
</script>
</body>
</html>

作者: coac 时间: 2010-5-23 21:52

空白代码影响很小吧

作者: xiayule 时间: 2010-5-23 21:58

这个代码里面包含了css 布局等等 script 脚本代码;的确是有点大...

作者: jym2005 时间: 2010-5-23 22:01

提示: 作者被禁止或删除内容自动屏蔽

作者: tset0000 时间: 2010-5-24 00:01

一个查看原代码就能让你这么发牢骚

作者: deliriumli 时间: 2010-5-24 00:20

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title></title></head><body></body></html>

作者: 3258 时间: 2010-5-24 06:23

一个查看原代码就能让你这么发牢骚
tset0000 发表于 2010-5-24 00:01 http://bbs.ioage.com/cn/images/common/back.gif

根本就没必要的东西.

作者: 金泰研 时间: 2010-5-24 09:04

oh!Gee!

作者: qiulingkai 时间: 2010-5-29 19:26

可以看看IE8里面的源文件,只有一段代码

<HTML></HTML>

作者: xiazi0222 时间: 2010-5-29 19:38

9# qiulingkai
大哥，这不仅仅是空白页好不好。。。
看清楚底下还有展开。。是带八宫格的

作者: xiazi0222 时间: 2010-5-29 19:39

9# qiulingkai
你用about:blank这个空白页是没有任何功能的
所以源码是<HEML></HTML>希望楼主下次看清楚了

作者: hukailin 时间: 2010-5-29 19:50

9# qiulingkai
你用about:blank这个空白页是没有任何功能的
所以源码是希望楼主下次看清楚了
xiazi0222 发表于 2010-5-29 19:39 http://bbs.ioage.com/cn/images/common/back.gif

可惜现在TW不给我机会打开about:blank

作者: xiazi0222 时间: 2010-5-29 19:51

12# hukailin
你设置一下不就得了么

作者: hukailin 时间: 2010-5-29 19:56

12# hukailin
你设置一下不就得了么
xiazi0222 发表于 2010-5-29 19:51 http://bbs.ioage.com/cn/images/common/back.gif

tw:blank
这个是不是就是所谓的空白页？

作者: gaoqimin 时间: 2010-5-29 19:58

很久没用过about:blank了。。。

作者: xiazi0222 时间: 2010-5-29 20:01

14# hukailin
你不是说tw不让设置about:blank么
tw:blank是增强版空白页

作者: hhzxedu 时间: 2010-5-29 20:02

9# qiulingkai
大哥，这不仅仅是空白页好不好。。。
看清楚底下还有展开。。是带八宫格的
xiazi0222 发表于 2010-5-29 19:38 http://bbs.ioage.com/cn/images/common/back.gif

同意！楼主误会了。

作者: hukailin 时间: 2010-5-29 20:04

14# hukailin
你不是说tw不让设置about:blank么
tw:blank是增强版空白页
xiazi0222 发表于 2010-5-29 20:01 http://bbs.ioage.com/cn/images/common/back.gif

我就是不需要那个所谓的“增强版”，说白了也就是不要那个8宫格，只要about:blank
别说什么收起来就没有了，事实上还是存在的！

作者: xiazi0222 时间: 2010-5-29 20:05

18# hukailin
那请把主页设置为about:blank。。
这个tw没有阻止你把。。

作者: dej.sf 时间: 2010-5-29 20:06

我想说我是不用TW的空白页功能的

作者: hukailin 时间: 2010-5-29 20:06

18# hukailin
那请把主页设置为about:blank。。
这个tw没有阻止你把。。
xiazi0222 发表于 2010-5-29 20:05 http://bbs.ioage.com/cn/images/common/back.gif

试过了，没成功

或许是我操作问题吧

作者: xiazi0222 时间: 2010-5-29 20:08

[attach]97137[/attach]
设置成主页还是没有问题的
但是鼠标手势右上“新建一个空白页”
还是会显示增强空白页

作者: hukailin 时间: 2010-5-29 20:09

97137
设置成主页还是没有问题的
但是鼠标手势右上“新建一个空白页”
还是会显示增强空白页
xiazi0222 发表于 2010-5-29 20:08 http://bbs.ioage.com/cn/images/common/back.gif

算了，忍忍就过了··

欢迎光临世界之窗论坛 (http://bbs.theworld.cn/)