javascript 网页自动跳转

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button>点击跳转</button>
<div></div>
<script>
    var btn = document.querySelector(‘button‘);
    btn.addEventListener(‘click‘, function () {   // 注册按钮点击事件
        location.href = "http://www.baidu.com";  //  要跳转到的地址
    });
    var div = document.querySelector(‘div‘);
    var time = 5;   // 这里设置自动跳转的时间

    function f() {
        if (time > 0) {
            div.innerHTML = time + "s后跳转页面";
            time--;
        } else {
            location.href = ‘http://www.baidu.com‘;  // 要跳转到的地址
        }
    }

    setInterval(f, 1000);  // 计时器

</script>
</body>
</html>

原文地址:https://www.cnblogs.com/nigori/p/10770569.html

时间: 2024-10-23 11:13:39

javascript 网页自动跳转的相关文章

网页自动跳转方法整理

现在公司推广业务碰到一些,大量客户需要将推广落地页设为自己了网址,开始帮几个业务人员制作了一个简单的自动跳转的HTML的网页,解决了客户的问题.虽然简单,用得人多了没有时间手动制作一个个制作,写了个简单的在线生成HTML网页自动跳转的工具供他们用,终于省心了. 顺便整理了下网页自动跳转方法 一.HTML实现网页自动跳转 <head> <!-- 以下方式只是刷新不跳转到其他页面 --> <meta http-equiv="refresh" content=&

JS实现倒计时网页自动跳转(如404页面经常使用到的)

在web前端设计中,我们经常会遇到需要实现页面倒计时跳转的功能,例如在404页面中也会经常使用到此功能,那么如何实现呢,其实实现方法很简单,实现代码如下:<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementB

三种简单的html网页自动跳转方法

三种简单的html网页自动跳转方法,可以让你在打开一个html网页时自动跳转到其它的页面. 方法/步骤 <html> <head> <title>正在跳转</title> <meta http-equiv="Content-Language" content="zh-CN"> <meta HTTP-EQUIV="Content-Type" CONTENT="text/ht

JS倒计时网页自动跳转代码

<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementById("time").innerHTML; if(delay > 0) { delay--; document.getElem

5种常见网页自动跳转方法

网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去.网页自动跳转的主要作用是,当域名变更后,或者网站里的一个或多个网页被删除后,可以使用这种方式将用户引导到其它正常的网页中去,从而留住用户.不过,现在有许多人利用网页自动跳转来进行作弊,欺骗搜索引擎,从而实现提高网站搜索引擎排名的目的.比较典型的方式是:先做一个“桥页”,当搜索引擎收录了这个桥页,并有较高排名时,桥页中再使用网页自动跳转方式,将用户引导到用户本来无意访问的其它网页中去.下面介绍一下五种常见的网页自动跳转方法,以及搜

网页自动跳转/定时跳转/重定向功能的设置

在一些情况下,我们会希望自己的某条链接打开之后自动跳转到另一个页面去,比如: 情景1:原有链接所指网站停用,访问用户被重定向到其他替代网页: 情景2:设置欢迎页,订单提交成功页等信息展示页面,延时跳转到接下来的逻辑页面: 情景3:希望发送自己域名的地址显示他人的页面: 情景4:用于页面的定时刷新: 等等 HTML在head中的mate标签提供了自动跳转的方式,设置非常简单 <meta http-equiv="refresh" content="延时时间(s);url=h

黄聪:如何阻止iframe里引用的网页自动跳转

今天做了个网页,要在网页里设置一个iframe,然后套用其他的网站.使用http://luanqi-cat.blogbus.com 这个网址的时候,出现了莫名其妙的问题,我的网页居然会强制自动跳转到这个网页上.搜索了一番,才知道原来这个网页用了如下的一段代码: if (top.location != self.location) {top.location=self.location;} 使用里这段代码之后,会自动判断当前的location是否是顶层的,即是否被嵌套到iframe里面了,如果是,

(转)META http-equiv=&quot;refresh&quot; 实现网页自动跳转

***.html自动跳转文件代码如下: <HTML> <HEAD><META http-equiv="Refresh" content="5; url=******.htm"> <META http-equiv="content-type" content='text/html; charset=UTF-8'> <script language="JavaScript" s

自制通过html网页自动跳转代码跳转页面

建设网站时,我们经常会遇到需要跳转页面的情况,例如我们的网站分中英文版本,网站程序索引页不是直接放在根目录下,而是分别放在"en"和"cn"目录中区分中英版本,打开网站时,想直接跳转到en目录访问英文版,则需要使用跳转代码跳转后方可以访问.下面我们看一下如何通过html代码跳转页面. <!DOCTYPE html> <html lang="en"> <head> <meta charset="U