精华内容
下载资源
问答
  • js实现网页自动跳转

    2017-09-29 10:02:30
    js实现网页自动跳转倒计时!html新手必备!html新手必备!html新手必备!html新手必备!
  • 这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到,感兴趣的朋友可以收藏一下! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <...
  • js实现页面自动跳转

    千次阅读 2017-11-12 02:23:00
    自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术。转向的网页地址可以是网站内的其它网页,也可以是其它网站。通常情况下,浏览器会收到一个网页,该页面含有自动加载一其它网页的代码...

    本文导读:自动转向,也叫自动重定向。自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术。转向的网页地址可以是网站内的其它网页,也可以是其它网站。通常情况下,浏览器会收到一个网页,该页面含有自动加载一其它网页的代码。该页面有可能在服务器端被转换,这样的话,浏览器只收到一个页面,而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能。

          很多时候我们需要Web页具备有自动跳转功能,例如,论坛中的用户登录、发帖及回复或留言簿中的留言和回复等操作成功后,若用户没有任何鼠标点击操作,过了一定的时间,页面自动跳转到预设的页面。本文讨论网页自动跳转的几种实现方法。

          1.在 <head> </head> 标签里头添加:

     

    HTML 代码   复制

    //(5:表示5秒钟刷新;url:表示要跳转到的页面名称(例如newPage.html)) 
    <META HTTP-EQUIV='Refresh' CONTENT='5;URL=newPage.html'>

         2.用JS,在 <head> </head> 标签里头添加如下JS:

     

    JScript 代码   复制

    <script>  window.οnlοad=function() 
     { 
     setInterval("redirect();",3000); 
     }  function redirect() 
     { 
     window.location.href="new.aspx"; 
     } </script>


    本文转自 IT阿飞 51CTO博客,原文链接:http://blog.51cto.com/itafei/1748112

    展开全文
  • 主要介绍了基于JS实现操作成功之后自动跳转页面的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • 如何用js实现自动跳转页面

    千次阅读 2019-07-26 15:32:19
    功能类似如上图 首先要有一个显示文本 5 第二步定义一下css样式 第三步定义一个js方法,获取span标签中的time,做–操作 var second=5; function time(){ second--; if(second){ location.href="http:...."; var ...

    在这里插入图片描述
    功能类似如上图

    首先要有一个显示文本

    <body>
    <p>
    <span id="time">5</span>
    </p>
    </body>
    

    第二步定义一下css样式

    <style>
    p{
    text-align:center;
    }
    span{
    color:red;
    }
    </style>
    

    第三步定义一个js方法,获取span标签中的time,做–操作

    var second=5;
    function time(){
    second--;
    if(second<=0){
    location.href="http:....";
    var time =document.getElementById("time");
    time.innerHTML=second+"";//设置属性值,使其变成字符串类型
    }
    

    第四步设置定时器,一秒执行一次该方法

    setInterval(showTime,1000);
    
    展开全文
  • 今天看视频学习时学习了一种新技术,即平时我们在一个页面点击“提交”或“确认”会自动跳转到一个页面。 在网上搜了一下,关于这个技术处理有多种方法,我只记下我在视频里学到的三种: 1、用一个response....
  • 主要介绍了JS实现页面超时后自动跳转到登陆页面,需要的朋友可以参考下
  • 主要介绍了javascript实现倒计时N秒后网页自动跳转代码,非常的实用,这里推荐给大家。
  • js实现自动跳转,大家多下哈, 资源难得,几秒种跳转只需要修改后面的参数就行了!
  • 本篇文章介绍了,asp.net中倒计时自动跳转页面实现方法(使用javascript)。需要的朋友参考下
  • 主要为大家详细介绍了vue实现输入框自动跳转功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • JS实现网页上的自动跳转功能,倒计时跳转至指定网页,倒计...JS倒计时网页自动跳转代码</title> [removed] function delayURL(url) { var delay = document.getElementById(time)[removed]; if(delay > 0)
  • 网站既包含PC端页面,又包括手机端页面时,打开手机端自动跳转手机页面js代码如下: <script type="text/javascript"> var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", ...

    网站既包含PC端页面,又包括手机端页面时,打开手机端自动跳转手机页面,js代码如下:

    <script type="text/javascript">
            var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate",
           "bada", "nokia", "lg", "ucweb", "skyfire"); var browser = navigator.userAgent.toLowerCase(); var isMobile = false; for (var i=0; i<mobileAgent.length; i++) { if (browser.indexOf(mobileAgent[i])!=-1) { isMobile = true; location.href = '#'; break; } } </script>

     

    转载于:https://www.cnblogs.com/lahm8963/p/8193414.html

    展开全文
  • JS实现网页自动跳转

    千次阅读 2016-10-24 15:12:44
    效果图:(5秒后跳转到百度) 示例代码:      #dv{border:4px #E8E8E9 double;margin:auto;width:600px;height:300px;  background-color:#E8E8E8; /*设置透明度*/ filter:...

    效果图:(5秒后跳转到百度)




    示例代码:

    <!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" xml:lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
        
        <style type="text/css">


        #dv{border:4px #E8E8E9 double;margin:auto;width:600px;height:300px;
        background-color:#E8E8E8;
    /*设置透明度*/
    filter:alpha(opacity=50); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;
      }
    .top{border:0px #0000FF solid;width:400px;height:40px;margin:auto;margin-top:12px;}
    .top li{border:0px #00FF00 solid;width:180px;height:40px;float:left;list-style:none;
    text-height:40px;line-height:40px;
          }
    .top .top_one{width:70px;height:40px;margin-left:80px;}
    .top #setTime{color:#900;width:30px;height:40px;font-size:36px;text-align:center;}

    .bottom{border:0px #0000FF solid;width:400px;height:40px;margin:auto;margin-top:160px;}
                .bottom li{border:0px #00FF00 solid;width:120px;height:40px;float:left;list-style:none;
    line-height:40px;
           }
       .bottom .bottom_one{width:100px;height:40px;margin-left:220px;}
    .bottom .bottom_two{width:70px;height:40px;}
    .bottom .bottom_two a:hover{color:#F00;}
    .bottom .bottom_two a{text-decoration:none;color:#0F0;}

        </style>
        
    </head>
    <body bgColor="#f7f7f7">


    <div id = "dv" >
        <ul class="top">
                <li class="top_one">网页将在</li>
                    <li id="setTime"></li>
                    <li>秒后自动跳转......</li>
                
                </ul>
                <ul class="bottom">
                <li class="bottom_one">如果未跳转请</li>
                    <li class="bottom_two"><a href="http://www.baidu.com">点击此处</a></li>
                </ul>
     
        </div>
       <!--定时器-->
        <script type="text/javascript">
        var i = 5;
    var tId;
    document.getElementById("setTime").innerHTML = i;
    function showTime(){
    if(i == 0){
    window.clearInterval(tId);
    return;
    }
    i--;
    document.getElementById("setTime").innerHTML = i;
    if(i == 0){
    //如果时间秒数为0,跳转到指定页面
    location.replace("http://www.baidu.com");

    }

    }
    window.setInterval(showTime,1000);

        </script>
        
         <!--保持网页不变形-->
       <script type="text/javascript">
          var a=screen.availWidth;
          var b=screen.availHeight;
          window.moveTo(0,0)
          window.resizeTo(a,b)
     
      </script>
    </body>
    </html>

    展开全文
  • ASP.NET实现页面自动跳转(经测试,在VS2008 C#环境下可通过)   <%@ Page Language=C# AutoEventWireup=true CodeFile=Default.aspx.cs Inherits=_Default %> <!DOCTYPE ...
  • 本文实例讲述了JavaScript实现页面跳转的几种常用方式。分享给大家供大家参考,具体如下: 第一种: [removed] [removed].href="login.jsp?backurl="+[removed].href; [removed] 第二种: [removed] alert&#...
  • 主要介绍了AngularJS实现页面跳转自动弹出对话框实例代码,然后在文章下面给大家介绍了angularjs页面加载后自动弹窗的实例代码,感兴趣的朋友参考下吧
  • HTML实现页面自动跳转的五种方法

    千次阅读 2021-06-08 16:19:46
    在上篇文章给大家介绍了HTML页面3秒后自动跳转的三种常见方法,本文继续给大家介绍有关html页面跳转相关知识,一起学习吧。下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的...
  • htmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">登陆页面functionOpenWindow(){window.location.href="Frame/Login....//要跳转到的页面的路径}...
  • 很多时候我们需要Web页具备有自动跳转功能,例如,论坛中的用户登录、...本文讨论网页自动跳转的几种实现方法。 1.在 <head> </head> 标签里头添加: HTML 代码 复制 //(5:表示5秒钟刷新...
  • php 用js实现页面自动跳转

    千次阅读 2013-09-06 18:05:39
    声明: ... ...想在php页面实现一个倒计时页面跳转,然后找到的方法。 秒后自动返回 直接跳转 window.onload = function(){ var time = 3; //设置时间为几秒 var timer = document.g
  • 应客户要求,需要在这种情况下,给他的历史记录里添加一个链接(比如首页),这样在新打开的页面,点击返回就可以跳转到首页,让用户看到系统的各种功能,推广平台。 一、知识要点 HTML5引进了history.pushState()...
  • 隔多少秒后自动跳转到其它页(js脚本) 方法一: 在<head></head>之间加入js 代码如下:[removed]var secs = 3; //倒计时的秒数 var URL ;function Load(url){URL = url;for(var i=secs;i>=0;i–) { ...
  • javascript实现页面5秒后自动跳转到首页或其他页面
  • <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <... <script type="text/javascript"> function out(time, url)...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 116,955
精华内容 46,782
关键字:

js实现页面自动跳转