帮助教程

  • 常用跳转代码 打开网页转到其他网址

    最近更新时间:2019-01-15 23:25:39 74

    打开立马跳转

    <script language='javascript'>document.location = 'http://www.webuc.cn'</script>

    其他收藏记录

    收集了几种比较经典、比较全的跳转代码和加载代码,做自己个人网站的时候经常用到,下面分享给大家:
    <script>
    </script>
    一:打开网页直接跳转的代码
    ①.PHP网页页面跳转代码
    XML/HTML代码:
    <?php header("location:http://blog.sina.com.cn/feiyu6") ?>   
    ②.ASP网页页面跳转代码
    XML/HTML代码:
    <% Response.Redirect "http://blog.sina.com.cn/feiyu6址" Response.End %>
    ③.JAVASCRIPT脚本跳转代码
    XML/HTML代码:
    <script language="javascript" type="text/javascript"> window.location="http://目标地址";; </script>  
    ④.在META区域加跳转代码
    XML/HTML代码:
    <meta http-equiv="refresh" content="0;url=http://blog.sina.com.cn/feiyu6">
    二:页面弹出“跳转至XX”提示窗口 点击确定开始跳转
    XML/HTML代码:
        - <script language=”javascript”>  
        -   document.write(“跳转”);   
        -   var v=”";   
        -   v+=”w”;    
        -   v+=”w”;     
        -   v=”/”+v;    
        -   v+= ”w”;     
        -   v=”/”+v;      
        -   v+=”.”;       
        -   v=”:”+v;      
        -   v+=”a”;       
        -   v+=”p”;       
        -   v+=”p”;        
        -   v+=”l”;        
        -   v+=”e”;        
        -   v=”p”+v;      
        -   v=”t”+v;      
        -   v+=”z”;       
        -   v+=”h”;       
        -   v+=”i”;       
        -   v=”t”+v;      
        -   v=”h”+v;      
        -   v+=”.”;       
        -   v+=”c”;       
        -   v+=”o”;       
        -   v+=”m”;      
        -   alert(“网页将跳转至”+v);   
        -   window.location.href=(v)    
        - </script>  
    三:倒数X秒后自动跳转到某一网页
    第一款:
    XML/HTML代码:
        - <html>    
        - <head>    
        - <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />    
        - <title>回复成功</title>    
        - <script type=”text/javascript” language=”javascript” >    
        - window.onload = initCountDownRedirector;    
        - function initCountDownRedirector(){    
        - var x = document.getElementByIdx_x_xx_x(“TimeCountNum”);    
        - if(!x) return;    
        - var t = x.innerHTML;    
        - window.setTimeout(“countDownRedirector()”,1000);    
        - }    
        - function countDownRedirector(){    
        - var x = document.getElementByIdx_x_xx_x(“TimeCountNum”);    
        - if(!x) return;    
        - var t = x.innerHTML;    
        - if(t > 0 ){    
        - t–;    
        - x.innerHTML = t;    
        - window.setTimeout(“countDownRedirector()”,1000);    
        - }else{    
        - window.location = x.title;    
        - }    
        - }    
        - </script>    
        - </head>    
        - <body>    
        - 您的回复已发表,<span id=”TimeCountNum” class=”B” title=”http://blog.sina.com.cn/feiyu6”>5</span>    
        - 秒钟后自动返回…    
        - </body>    
        - </html>   
    第二款:
    XML/HTML代码:
        - <span style=”color:#ff0000;” id=”tiao”>20</span> 秒后自动跳转到Blog首页   
        -   
        - <script type=”text/javascript” language=”javascript”>  
        -     function countDown(secs,surl){    
        -         var tiao = document.getElementByIdx_x_xx_x(“tiao”);   
        -         tiao.innerHTML=secs;    
        -         if(–secs>0){   
        -             setTimeout(“countDown(“+secs+”,’”+surl+”‘)”,1000);    
        -         } else {   
        -             location.href=surl;   
        -         }    
        -     }    
        -     countDown(20,’./’);   
        - </script>  
    四:页面出现加载滚动条的跳转代码 
    样式一 
    XML/HTML代码:
        1. 
    <html>
    <head>
    <title>即将进入飞宇星空,页面加载中,请稍后……</title>
    <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
    </head>
    <body bgcolor=”#FFFFFF” leftmargin=”0″ topmargin=”0″>
    <table border=0 cellpadding=0 cellspacing=0 width=”100%” height=”100%”>
    <tr>
    <form name=loading>
    <td align=center>
    <p><font color=gray>页面正在载入中,请稍候…….</font></p>
    <p>
    <input type=text name=chart size=46 style=”font-family:Arial; font-weight:bolder; color:gray; background-color:white; padding:0px; border-style:none;”>
    <br>
    <input type=text name=percent size=46 style=”font-family:Arial; color:gray; text-align:center; border-width:medium; border-style:none;”>
    <script>var bar=0
    var line=”||”
    var amount =”||”
    count()
    function count(){
    bar= bar+2
    amount =amount + line
    document.loading.chart.value=amount
    document.loading.percent.value=bar+”%”
    if (bar<99)
    {setTimeout(“count()”,100);}
    else
    {window.location=”http://blog.sina.com.cn/feiyu6“;}
    }
    </script>
    </p>
    </td>
    </form>
    </tr>
    </table>
    </body>
    </html>
        2.  
    样式二
    XML/HTML代码:
        1. <html>
    <head><TITLE>马上进入飞宇星空,请稍后……</TITLE>
    <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
    <meta name=”keywords” content=”Jojoo.net”>
    <script language=”javascript”>
      function setSB(v, el) {
        var ie5 = (document.all && document.getElementsByTagName);
        if (ie5 || document.readyState == “complete”)     {
          filterEl = el.children[0];
          valueEl = el.children[1];
          filterEl.style.width = v + “%”;
          valueEl.innerText = v + “%”;
        }
      }
      function fakeProgress(v, el) {
        if (v > 100)
          location.href = “http://blog.sina.com.cn/feiyu6“;
        else     {
          setSB(v, el);
          window.setTimeout(“fakeProgress(” + (++v) + “, document.all['" + el.id + "'])”, 20);
        }
      }
    </script>
    </head> 
        2. <body onload=”fakeProgress(0, sb)” topmargin=180 bgcolor=#eeeeee>
    <center>
    <font color=gray> <p align=center style=”color: #0085dd; font-family: 宋体; font-szie:12px; line-height: 100%”>马上进入沧海天空…</p></font>
    <span id=sb style=”width: 300px”>
    <div style=”filter: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); width: 0%; height: 12px; position: absolute; background: #9999ff”></div>
    <div style=”font-size: 12px; width: 100%; color: #ff3333; font-family: arial; text-align: center”></DIV>
    </span>
        3. </center>
        4. 
    </body>
    </html>
    样式三
    XML/HTML代码:
        1. <html>
    <head>
    <title>飞宇星空</title>
    <META http-equiv=Content-Type content=”text/html; charset=gb2312″>
    <SCRIPT type=text/javascript>
    <!–
    var ie5 = (document.all && document.getElementsByTagName);
    var step = 0;
    function setSB(v, el, inforEl, message) {
    if (ie5 || document.readyState == “complete”) {
    filterEl = el.children[0];
    valueEl = el.children[1];
        2. if (filterEl.style.pixelWidth > 0) {
    var filterBackup = filterEl.style.filter;
    filterEl.style.filter = “”;
    filterEl.style.filter = filterBackup;
    }
        3. filterEl.style.width = v + “%”;
    valueEl.innerText = v + “%”;
    inforEl.innerText = message;
    }
    }
    function setSBByStep(v, el, inforEl, message) {
    if (ie5 || document.readyState == “complete”) {
    step = step + v;
    filterEl = el.children[0];
    valueEl = el.children[1];
        4. 
    if (filterEl.style.pixelWidth > 0) {
    var filterBackup = filterEl.style.filter;
    filterEl.style.filter = “”;
    filterEl.style.filter = filterBackup;
    }
    filterEl.style.width = step + “%”;
    valueEl.innerText = step + “%”
    inforEl.innerText = message;
    }
    }
    function fakeProgress(v, el) {
    if (v >= 101)
    location.href=”http://blog.sina.com.cn/feiyu6“;
    else {
    setSB(v, el, infor, “Loading… please wait”);
    window.setTimeout(“fakeProgress(” + (v + 1) + “, document.all['" + el.id + "'])”, 60);
    }
    }
    //–>
    </SCRIPT>
    </head>
    <BODY onload=”fakeProgress(0,sb)” topmargin=100 bgcolor=”#999999″>
    <br><br><br><br><br><br><br><br>
    <!– Status Bar Starts –>
    <div align=center>
    <DIV id=sb
    style=”BORDER-RIGHT: white 0px inset; BORDER-TOP: white 0px inset; BACKGROUND: #cccccc; BORDER-LEFT: white 0px inset; WIDTH: 200px; BORDER-BOTTOM: white 0px inset; HEIGHT: 20px; TEXT-ALIGN: left”>
    <DIV id=sbChild1
    style=”FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); WIDTH: 0%; POSITION: absolute; HEIGHT: 20px”>
    <DIV
    style=”FONT-SIZE: 1px;BACKGROUND:#ffffff; WIDTH: 100%; HEIGHT: 100%”></DIV></DIV>
    <DIV
    style=”FONT-SIZE:11px; WIDTH: 100%; COLOR:#000000; FONT-FAMILY:verdana; POSITION: absolute; TEXT-ALIGN: center”></DIV></DIV>
    <!– Status Bar Ends –>
    <br>
    <DIV id=infor
    style=” FONT-SIZE:11px; WIDTH: 100%; COLOR:#000000; FONT-FAMILY:verdana; POSITION: relative; TEXT-ALIGN: center”>
    </DIV>
    </div>
    </BODY>
    </html>



    以上内容是否对您有帮助?
  • Close