html document.location转到另一个网页,常用跳转代码 打开网页转到其他网址

打开立马跳转

其他收藏记录

收集了几种比较经典、比较全的跳转代码和加载代码，做自己个人网站的时候经常用到，下面分享给大家：

window.location.href='http://www.webuc.cn/w/discuz/1/cy.html';

一：打开网页直接跳转的代码

①.PHP网页页面跳转代码

XML/HTML代码：

②.ASP网页页面跳转代码

XML/HTML代码：

③.JAVASCRIPT脚本跳转代码

XML/HTML代码：

④.在META区域加跳转代码

XML/HTML代码：

二：页面弹出“跳转至XX”提示窗口 点击确定开始跳转

XML/HTML代码：

-

-   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)

-

三：倒数X秒后自动跳转到某一网页

第一款：

XML/HTML代码：

-

-

-

-

回复成功

-

- 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;

- }

- }

-

-

-

- 您的回复已发表，5

- 秒钟后自动返回…

-

-

第二款：

XML/HTML代码：

- 20 秒后自动跳转到Blog首页

-

-

-     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,’./’);

-

四：页面出现加载滚动条的跳转代码

样式一

XML/HTML代码：

1.

即将进入飞宇星空，页面加载中，请稍后……

页面正在载入中，请稍候……. 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“;} }

2.

样式二

XML/HTML代码：

1.

马上进入飞宇星空，请稍后……

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);

}

}

2.

马上进入沧海天空…

3.

4.

样式三

XML/HTML代码：

1.

飞宇星空

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);

}

}

//–>

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”>

style=”FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); WIDTH: 0%; POSITION: absolute; HEIGHT: 20px”>

style=”FONT-SIZE: 1px;BACKGROUND:#ffffff; WIDTH: 100%; HEIGHT: 100%”>

style=”FONT-SIZE:11px; WIDTH: 100%; COLOR:#000000; FONT-FAMILY:verdana; POSITION: absolute; TEXT-ALIGN: center”>

style=” FONT-SIZE:11px; WIDTH: 100%; COLOR:#000000; FONT-FAMILY:verdana; POSITION: relative; TEXT-ALIGN: center”>