备份一个自己网页

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了备份一个自己网页相关的知识,希望对你有一定的参考价值。

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<bgsound src="1.MP3" loop="-1"> 
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">  
//存放每个月天数的数组  
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)  
{  
this[0] = m0;  
this[1] = m1;  
this[2] = m2;  
this[3] = m3;  
this[4] = m4;  
this[5] = m5;  
this[6] = m6;  
this[7] = m7;  
this[8] = m8;  
this[9] = m9;  
this[10] = m10;  
this[11] = m11;  
}  
//实现月历  
function calendar() {  
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";  
var today = new Date();  
var thisDay;  
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);  
year = today.getYear() +1900;  
thisDay = today.getDate();  
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;  
nDays = monthDays[today.getMonth()];  
firstDay = today;  
firstDay.setDate(1);  
testMe = firstDay.getDate();  
if (testMe == 2) firstDay.setDate(0);  
startDay = firstDay.getDay();  
document.write("<TABLE BORDER=‘0‘ CELLSPACING=‘0‘ CELLPADDING=‘2‘ ALIGN=‘CENTER‘ BGCOLOR=‘#0080FF‘>")  
document.write("<TR><TD><table border=‘0‘ cellspacing=‘1‘ cellpadding=‘2‘ bgcolor=‘Silver‘>");  
document.write("<TR><th colspan=‘7‘ bgcolor=‘#C8E3FF‘>");  
var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");  
var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");  
var now = new Date();  
document.writeln("<FONT STYLE=‘font-size:9pt;Color:#330099‘>" + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日 " + dayNames[now.getDay  
  
()] + "</FONT>");  
document.writeln("</TH></TR><TR><TH BGCOLOR=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>日</FONT></TH>");  
document.writeln("<th bgcolor=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>一</FONT></TH>");  
document.writeln("<TH BGCOLOR=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>二</FONT></TH>");  
document.writeln("<TH BGCOLOR=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>三</FONT></TH>");  
document.writeln("<TH BGCOLOR=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>四</FONT></TH>");  
document.writeln("<TH BGCOLOR=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>五</FONT></TH>");  
document.writeln("<TH BGCOLOR=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>六</FONT></TH>");  
document.writeln("</TR><TR>");  
column = 0;  
for (i=0; i<startDay; i++) {  
document.writeln("\n<TD><FONT STYLE=‘font-size:9pt‘> </FONT></TD>");  
column++;  
}  
for (i=1; i<=nDays; i++) {  
if (i == thisDay) {  
document.writeln("</TD><TD ALIGN=‘CENTER‘ BGCOLOR=‘#FF8040‘><FONT STYLE=‘font-size:9pt;Color:#ffffff‘><B>")  
}  
else {  
document.writeln("</TD><TD BGCOLOR=‘#FFFFFF‘ ALIGN=‘CENTER‘><FONT STYLE=‘font-size:9pt;font-family:Arial;font-weight:bold;Color:#330066‘>");  
}  
document.writeln(i);  
if (i == thisDay) document.writeln("</FONT></TD>")  
column++;  
if (column == 7) {  
document.writeln("<TR>");  
column = 0;  
}  
}  
document.writeln("<TR><TD COLSPAN=‘7‘ ALIGN=‘CENTER‘ VALIGN=‘TOP‘ BGCOLOR=‘#0080FF‘>")  
document.writeln("<FORM NAME=‘clock‘ onSubmit=‘0‘><FONT STYLE=‘font-size:9pt;Color:#ffffff‘>")  
document.writeln("现在时间:<INPUT TYPE=‘Text‘ NAME=‘face‘ ALIGN=‘TOP‘></FONT></TD></TR></TABLE>")  
document.writeln("</TD></TR></TABLE></FORM>");  
}  
var test = document.getElementById("test");
var str = "str";

var c = document.getElementById("c");
var ctx = c.getContext("2d");
/** 这里控制显示的宽度和高度,且涵盖所有浏览器 */
c.width = window.innerWidth
    || document.documentElement.clientWidth
    || document.body.clientWidth;
c.height = window.innerHeight
    || document.documentElement.clientHeight
    || document.body.clientHeight;
//c.width = 300;
//c.height = 300;

//ctx.fillStyle = "1cba9c";
//ctx.fillRect(0,0,100,100);
//ctx.fillStyle = "ecb69c";
//ctx.fillText("文字",10,90);

var chinese = "文字";
chinese = chinese.split("");

var fsize = 20;
    columns = c.width / fsize;

var drops=[];
for(var x=0;x<columns;x++) {
    drops[x] = 0;
}

function draw(){
    ctx.fillStyle="rgba(0,0,0,0.09)";
    ctx.fillRect(0,0, c.width, c.height);

    ctx.fillStyle="#0f0";
    ctx.font = fsize + "px arial";// arial is font.

    for(var i=0;i<drops.length;i++){
        var text = chinese[Math.floor(Math.random()*chinese.length)];
        ctx.fillText(text,i*fsize,drops[i]*fsize);

        drops[i]++;
        if(drops[i]*fsize > c.height && Math.random() > 0.9){
            drops[i] = 0;
        }

        str = drops[i]+",";
    }
    test.innerText = columns + " , i:" + str;// 测试数据

}
/// draw();
var intervalId = setInterval(draw,50);// 这里修改控制速度

// 测试效果开始/暂停
function operateAnimation(objBtn){
    var operate = document.getElementById("operate");

    if(objBtn.value == "开始"){
        objBtn.value = "暂停";
        intervalId = setInterval(draw,30);
    }else{
        objBtn.value = "开始";
        clearInterval(intervalId);
    }
    return false;
}
</SCRIPT>  
<SCRIPT LANGUAGE="JavaScript">  
var timerID = null;  
var timerRunning = false;  
function stopclock (){  
if(timerRunning)  
clearTimeout(timerID);  
timerRunning = false;}  
//显示当前时间  
function showtime () {  
var now = new Date();  
var hours = now.getHours();  
var minutes = now.getMinutes();  
var seconds = now.getSeconds()  
var timeValue = " " + ((hours >12) ? hours -12 :hours)  
timeValue += ((minutes < 10) ? ":0" : ":") + minutes  
timeValue += ((seconds < 10) ? ":0" : ":") + seconds  
timeValue += (hours >= 12) ? " 下午 " : " 上午 "  
document.clock.face.value = timeValue;  
timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示  
timerRunning = true;}  
function startclock () {  
stopclock();  
showtime();}  
</SCRIPT>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>WAT we are a team!</title>
<style type="text/css">
html,body{margin:0;padding:0;background-color:#0CF}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.div1{position:absolute;left:0;top:100;width:20%; height:1000px; margin-top:5px float:left} 
.div2{position:absolute;left:20%;top:100;width:60%; height:1000px; margin-top:5px float:left style="background-color:#0cf"; } 
.div3{position:absolute;right:0;top:100;width:20 %; height:1000px; margin-top:5px float:left;background-color:#0cf} 
 .div2{ border:2px solid #0cf;background-color:#0cf}  </style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head> 


<BODY BACKGROUND="bg1.jpg"  
onLoad="startclock(); timerONE=window.setTimeout" TEXT="#000000" TOPMARGIN="0"> 
 <div id="test"></div>
<br>
<input onclick="operateAnimation(this)" id="operate" type="button" value="暂停" />
<br>
<canvas id="c"></canvas>

<script language="JavaScript">
</script>
  
<div class="div1" style="background:#0cf";><P align=center>
<MARQUEE scrollAmount=2 direction=up height=500>
<CENTER><FONT face=隶书 color=#008000 size=4><B>
<br>《明月》
<br>词曲:卢小娟(芊芊)
<br>演唱:萌萌哒天团
<br>莫问相思离别后
<br>天涯远隔,容消瘦
<br>独上高楼,思悠悠
<br>千山目远,何处是尽头
<br>醉酒当歌,抚琴独奏
<br>明月斜照,月满西楼
<br>别离亦梦幽
<br>碧发呤苍老
<br>长叹身飘渺,易瘦流水调
<br>青山不会老
<br>雪化未白头
<br>绿水本无忧,因风而波涛
<br>独步天涯思念遥
<br>明月相思,寄情愁
<br>望月登高,念幽幽
<br>夜色苍茫,举目皆是愁
<br>醉酒当歌,抚琴独奏
<br>明月斜照,月满西楼
<br>别离亦梦幽,碧发呤苍老
<br>长叹身飘渺,易瘦流水调
<br>青山不会老,雪化未白头
<br>绿水本无忧,因风而波涛
<br>醉酒当歌,抚琴独奏
<br>明月斜照,月满西楼
<BR>/*-----------*/
</B>
</FONT>
</CENTER>
</MARQUEE>
</P>
<audio controls="controls" hidden="hidden" autoplay="autoplay" loop="loop">
 <source src="0.mp3" type="audio/mpeg" />
</audio>
</div>
<div class="div2" style="color:#00FF00" >

<table align="center" bgcolor="#e3e" width="100%">
                        <tr><td height="62" colspan="3"> <h2 align="center">常用网址--收藏一览</h2></td><td width="6"></td></tr>
                       
    <tr><td><ol>
 


<li><a href="http://www.bilibili.com/mobile/video/av1588892.html ">重大历史观</a></li>
<li><a href="http://www.shicimingju.com/chaxun/"> 诗句</a></li>
<li><a href="http://codepad.org/"> coodpad</a></li>
<li><a href="http://www.anycodes.cn/"> Anycode</a></li>
<li><A HREF="http://www.educity.cn/help/zt/Oracle/">oc study</a></li>
<li><a href="http://www.internetke.com/">LEARN KJW</a></li>
<li><A HREF="http://api.map.baidu.com/lbsapi/creatmap/index.html ">定位</A></li>
<li><A HREF="http://harde.org/blog/2008/12/%E5%9C%A8%E7%BA%BF%E8%B0%83%E8%89%B2%E6%9D%BF-%E9%A2%9C%E8%89%B216%E8%BF%9B%E5%88%B6%E5%88%97%E8%A1%A8.html">调色</a></li>

        </ol><hr/></td>  
        <td><ol>
<li><a href="http://asust.blog.163.com/">网易博客</a></li>
<li><a href=" http://blog.sina.com.cn/u/5695311312 ">新浪博客</a></li>
<li><a href=" http://t.cn/R2FCmQB/"> 万州全景地图</a></li>
<li><A HREF=" http://www.51zxw.net/">WZW</A></li>
<li><a href="https://leetcode.com/">LEETCOOD</a>
<li><a href="http://eqxiu.com/s/sqJXICsE/">asust</a></li>
<li><a href="http://eqxiu.com/s/8SMyCbSQ/">圆</a></li>
<li>.</li>
</ol><hr/></td>
 <td>
<img src="wz.jpg" href="http:1.html"></img>      
<ol>				
<li><a href="1.html">_ 作品《星如雨》_</a> 
<li><a href="2.html">_ 作品《不可以说》_</a> 
 </ol>
 <hr/></td>
    </tr> 
<tr> 
                  
 
                 <tr><td height="37" colspan="3"> <h2 align="center">博客集</h2></td><td width="6"></td></tr>

     <tr><td>  
<ol>
<li><a href="http://home.51cto.com/index.php?s=/space/10789287/">培光</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10778780/">贤良</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10800196/">作贤</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10798650/">大作</a></li>
<li><a href="http://yaoyaosust.blog.51cto.com/10731357/1726175/">时运</a></li>	
<li><a href="http://home.51cto.com/index.php?s=/space/10781724/">运星</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10962735/">星方</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10778780/">方朝</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10788301/">应正</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10786797/">佐建</a></li> 
<li><a href="http://home.51cto.com/index.php?s=/space/10899121/">廷之</a></li>     
</ol>
   </td>
<td><ol>
   
<li><a href="http://home.51cto.com/index.php?s=/space/10800429/">正永</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10788301/">永廷</a></li>						
<li><a href="http://home.51cto.com/index.php?s=/space/10932013/">化启</a></li>								
<li><a href="http://home.51cto.com/index.php?s=/space/10788301/">启传</a></li> 
<li><a href="http://home.51cto.com/index.php?s=/space/10807192/">传家</a></li>	
<li><a href="http://home.51cto.com/index.php?s=/space/11061234/">家祚</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10732111/">思宗</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10798695/">运星</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10792722/">绍述</a></li>
<li><a href="http://blocks.sinaapp.com/">建邦</a></li>
   
</ol></td>
<td><ol>
<li><a href="http://volition.sinaapp.com/">远大</a></li>
<li><a href="http://wz609.blog.51cto.com/">宗绍</a></li>
<li><a href="http://10778780.blog.51cto.com/">绍述</a></li>							
<li><a href="http://ffsust.blog.51cto.com/">述鸿</a></li>
<li><a href="http://10798301.blog.51cto.com/">人成</a></li>
<li><a href="http://10741764.blog.51cto.com ">世德</a></li>  
<li><a href="http://asust.blog.163.com/">之化</a></li>
<li><a href="http://lhsust.blog.163.com/">宗绍</a></li>
<li><a href="http://jiazhenzhen.blog.51cto.com/">永德</a></li>
<li><a href="http://10741764.blog.51cto.com/">光世</a></li>
<li><a href="http://zhaoxiaohu.blog.51cto.com/">才佐</a></li>
   
 </ol>
</td></tr>
 <tr>
    <td><HR/><A HREF="http://222.24.94.92/jwweb/">科技大学教务</a></td>
    <td><HR/><a href=" http://www.w3school.com.cn/h.asp  ">study</a> </td>
    <td><HR/><a href=" http://fanyi.youdao.com/translate "> 有道翻译</a> </td></tr>
      <tr> <td height="142"> <A HREF="http://222.24.94.92/jwweb/">
<div style="width:220px;height:180px;border:#ccc solid 1px;" id="dituContent" float="left"></div>
</a></td><td><h3><i>风景依旧在,最美是情怀!</i></h3></td>
<td><B>
<DIV ALIGN="center">
</DIV>  
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">  
<!--  
document.write("<BR><BR><BR><BR>")  
calendar();  
//-->  
</SCRIPT>  
</B>  
</td>
</tr>
<tr ><td colspan="3">
 <a href=" http://asust.blog.163.com "><p align="center">CopyRight</a> <br>
<br> <a href=" http://www.asust.icoc.cc/"> <u>WZ  星尚制作</u></p></a> <HR/></td> </tr>
  </table>
   
   
  
</div>

  <div class="div3"style="background-color:#0cf";style="color:#0cf">
<marquee width=100 height=500 direction=up   ><pre> &nbsp;&nbsp;梦<br>  星    联 <br>!        !<br>!   |    ! <br>!        ! </pre> </marquee>
 </div>

</body>
<script type="text/javascript">
    //创建和初始化地图函数:
    function initMap(){
        createMap();
        setMapEvent();
        addMapControl();
        addMarker();
    }
    
    //创建地图函数:
    function createMap(){
        var map = new BMap.Map("dituContent");
        var point = new BMap.Point(108.851365,34.334445);
        map.centerAndZoom(point,13);
        window.map = map; 
    }
    
    //地图事件设置函数:
    function setMapEvent(){
        map.enableDragging(); 
        map.enableScrollWheelZoom(); 
        map.enableDoubleClickZoom(); 
        map.enableKeyboard(); 
    }
    
    //地图控件添加函数:
    function addMapControl(){
        //向地图中添加缩放控件
	var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
	map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
	var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
	map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
	var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
	map.addControl(ctrl_sca);
    }
    
    //标注点数组
    var markerArr = [{title:"我的标记",content:"我的备注",point:"108.953358|34.277266",isOpen:1,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0,p1);
			var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
			var iw = createInfoWindow(i);
			var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
			marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                        borderColor:"#808080",
                        color:"#333",
                        cursor:"pointer"
            });
			
			(function(){
				var index = i;
				var _iw = createInfoWindow(i);
				var _marker = marker;
				_marker.addEventListener("click",function(){
				    this.openInfoWindow(_iw);
			    });
			    _iw.addEventListener("open",function(){
				    _marker.getLabel().hide();
			    })
			    _iw.addEventListener("close",function(){
				    _marker.getLabel().show();
			    })
				label.addEventListener("click",function(){
				    _marker.openInfoWindow(_iw);
			    })
				if(!!json.isOpen){
					label.hide();
					_marker.openInfoWindow(_iw);
				}
			})()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i)
   {
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class=‘iw_poi_title‘ title=‘" + json.title + "‘>" + json.title + "</b><div class=‘iw_poi_content‘>"+json.content+"</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json){
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }
    
    initMap(); 
	
</script>
<script language="JavaScript">
var test = document.getElementById("test");
var str = "str";

var c = document.getElementById("c");
var ctx = c.getContext("2d");
/** 这里控制显示的宽度和高度,且涵盖所有浏览器 */
c.width = window.innerWidth
    || document.documentElement.clientWidth
    || document.body.clientWidth;
c.height = window.innerHeight
    || document.documentElement.clientHeight
    || document.body.clientHeight;
//c.width = 300;
//c.height = 300;

//ctx.fillStyle = "1cba9c";
//ctx.fillRect(0,0,100,100);
//ctx.fillStyle = "ecb69c";
//ctx.fillText("雨滴",10,90);

var chinese = "比特科技";
chinese = chinese.split("");

var fsize = 20;
    columns = c.width / fsize;

var drops=[];
for(var x=0;x<columns;x++) {
    drops[x] = 0;
}

function draw()
{
    ctx.fillStyle="rgba(0,0,0,0.09)";
    ctx.fillRect(0,0, c.width, c.height);

    ctx.fillStyle="#0f0";
    ctx.font = fsize + "px arial";// arial is font.

    for(var i=0;i<drops.length;i++)
{
        var text = chinese[Math.floor(Math.random()*chinese.length)];
        ctx.fillText(text,i*fsize,drops[i]*fsize);

        drops[i]++;
        if(drops[i]*fsize > c.height && Math.random() > 0.9)
   {
            drops[i] = 0;
        }

        str = drops[i]+",";
    }
    test.innerText = columns + " , i:" + str;// 测试数据

}
/// draw();
var intervalId = setInterval(draw,200);// 这里修改控制速度

// 测试效果开始/暂停
function operateAnimation(objBtn){
    var operate = document.getElementById("operate");

    if(objBtn.value == "开始"){
        objBtn.value = "暂停";
        intervalId = setInterval(draw,30);
    }else{
        objBtn.value = "开始";
        clearInterval(intervalId);
    }
    return false;
}
</script>

</html>
<div style="display:none">
<script src="http://s9.cnzz.com/stat.php?id=986628&web_id=986628" language="JavaScript"></script>
</div>
<div style="display:none">
<script src="http://s9.cnzz.com/stat.php?id=986628&web_id=986628" language="JavaScript"></script>
</div>


以上是关于备份一个自己网页的主要内容,如果未能解决你的问题,请参考以下文章

打开网页下载东西提示403 Forbidden,该怎么解决,求详细步骤

要善用 Zotero

dump和restore备份和还原备份命令

Visual Basic 19 - WebView2 - 自动单击网页按钮

怎样批量修改html网页代码 详细点

rsync传输引起的网络延迟