网页等待页面

最新推荐文章于 2021-06-01 17:57:03 发布

songjg2010

最新推荐文章于 2021-06-01 17:57:03 发布

阅读量134

点赞数

CC 4.0 BY-SA版权

文章标签： JavaScript CSS J# Microsoft C ViewUI

本文链接：https://blog.youkuaiyun.com/songjg2010/article/details/83712766

本文分析了一个用于展示网页教学网站加载过程的HTML页面代码。该页面通过JavaScript实现了进度条效果，并在加载完成后自动跳转到目标网址。文章探讨了其HTML结构、样式设置及JavaScript脚本的工作原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<HTML><HEAD><TITLE网页教学网 www.webjx.com:</TITLE>
<link href="/favicon.ico" rel="shortcut icon">
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<META NAME="author" CONTENT="网页教学网">
<META NAME="keywords" CONTENT="网页教学网">
<STYLE type=text/css>TD {
FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000
}
FORM {
FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000
}
SELECT {
FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000
}
INPUT {
FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000
}
TEXTAREA {
FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000
}
BODY {
FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000
}
A:link {
COLOR: #666666; FONT-SIZE: 10.5pt; TEXT-DECORATION: none
}
A:visited {
COLOR: #666666; FONT-SIZE: 10.5pt; TEXT-DECORATION: none
}
A:hover {
COLOR: #666666; FONT-SIZE: 10.5pt; TEXT-DECORATION: none
}
A:active {
COLOR: #666666; FONT-SIZE: 10.5pt; TEXT-DECORATION: none
}
</STYLE>
<SCRIPT language=JavaScript>
var url = 'http://www.bgpintl111.com/';
</SCRIPT>
<META content="Microsoft FrontPage 4.0" name=GENERATOR>
<STYLE>.proccess {
BACKGROUND: #ffffff; BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; HEIGHT: 8px; MARGIN: 3px; WIDTH: 8px
}
</STYLE>
</HEAD>
<BODY onload="location.href = url;"
style="OVERFLOW: hidden; OVERFLOW-Y: hidden">
<DIV align=center>
<TABLE align=center height="70%" valign="middle">
<TBODY>
<TR>
<TD align=middle><p></p>

<!-- Displaytext-->
:: www.chinaz.com :: is now loading...
<P></P>
<FONT class=fontbig> <img src="http://www.webjx.com/images/logo.gif" />网页教学网 www.webjx.com 载入ing.....
<!--End Displaytext-->
<P></P>
<P></P>
<P></P>
<P></P>
<DIV align=center>
<FORM method=post name=proccess>
<SCRIPT language=javascript>
for(i=0;i<30;i++)document.write("<input class=proccess>")
</SCRIPT>
</FORM>
</DIV>
</font></TD>
</TR></TBODY></TABLE>
<DIV align=center>
<SCRIPT language=JavaScript><!--
var p=0,j=0;
var c=new Array("lightskyblue","white")
setInterval('proccess();',100)
function proccess(){
document.forms.proccess.elements[p].style.background=c[j];
p+=1;
if(p==30){p=0;j=1-j;}}
--></SCRIPT>
</DIV></DIV>
<DIV align=center>
<SCRIPT>
<!--
if (document.layers)
document.write('<Layer src="' + url + ' " VISIBILITY="hide"> </Layer>');
else if (document.all || document.getElementById)
document.write('<iframe src="' + url + '" style="visibility: hidden;"></iframe>');
else location.href = url;
//-->
</SCRIPT>
</DIV>
</BODY>
</HTML>