精华内容
下载资源
问答
  • HTML实现页面自动跳转的五种方法

    千次阅读 2021-06-08 16:19:46
    在上篇文章给大家介绍了HTML页面3秒后自动跳转的三种常见方法,本文继续给大家介绍有关html页面跳转相关知识,一起学习吧。下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的...

    在上篇文章给大家介绍了HTML页面3秒后自动跳转的三种常见方法,本文继续给大家介绍有关html页面跳转相关知识,一起学习吧。

    下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。

    1)html的实现

    复制代码代码如下:

    优点:简单

    缺点:Struts Tiles中无法使用

    2)javascript的实现

    复制代码代码如下:

    优点:灵活,可以结合更多的其他功能

    缺点:受到不同浏览器的影响

    3)结合了倒数的javascript实现(IE)

    复制代码代码如下:

    5

    优点:更人性化

    缺点:firefox不支持(firefox不支持span、div等的innerText属性)

    3 )结合了倒数的javascript实现(firefox)

    复制代码代码如下:

    4)解决Firefox不支持innerText的问题

    复制代码代码如下:

    5

    5)整合3)和3')

    复制代码代码如下:

    5

    以上通过五个实例是给大家介绍了HTML实现页面自动跳转的五种方法,希望大家喜欢。

    展开全文
  • HTML网页自动跳转的5种方法

    千次阅读 2021-04-25 12:22:38
    网页自动跳转5种方法:第一种网页自动跳转方法:meta refresh自动跳转法在网页的head区域的meta refresh标签中,加入自动跳转代码,可实现网页的立即或延时自动跳转。示例如下:上述html代码中的...

    af10bcfd1cee186cd6bfa15c35fa2e59.png

    (推荐教程:html教程)

    在我们进行网站创建时经常会遇到需要进行网页跳转的情况,本文就来为大家介绍五种网页自动跳转的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    网页自动跳转5种方法:

    第一种网页自动跳转方法:meta refresh自动跳转法

    在网页的head区域的meta refresh标签中,加入自动跳转代码,可实现网页的立即或延时自动跳转。

    示例如下:

    上述html代码中的“10”是延时跳转的时间,单位是秒。如果设为0,就表示立即跳转。

    “ http://xfbbs.com ”是跳转的目标地址,可以是同一域名下的站内相对路径,也可以是不同域名的站外地址。

    由于搜索引擎能够读取html,所以对于这种自动跳转方法,搜索引擎是能够自动检测出来的。 被视为作弊,则主要看跳转时间。如果跳转时间为0,就可能会被视为作弊,从而受到惩罚。如果有时间延迟(一般3秒以上),就会被视为正常应用。

    第二种网页自动跳转方法:body onload自动跳转法

    在网页加载时通过onload事件指定parent.location进行自动跳转。

    示例如下:

    这种方法与第一种方法一样,能够被搜索引擎识别。

    第三种网页自动跳转方法:javascript自动跳转法

    javascript可以实现网页的自动跳转,如果要实现立即跳转,将跳转代码放在网页的head区域即可。

    示例如下:

    其中的“ http://xfbbs.com/yule/tietu/”是重定向目标地址。

    由于搜索引擎无法解析javascript,所以搜索引擎便无法识别用javascript脚本进行的自动跳转。

    第四种网页自动跳转方法:表单自动跳转法

    对于表单大家都很熟悉,就是将表单中填写的内容,提交到action参数中指定的url地址中,目标url再对接收到的数据进行处理。利用这一点,我们可间接的实现网页跳转,只不过,我们并不需要提交任何表单内容。再结合javascript脚本,可以对表单进行自动提交。

    示例如下:

    其中form1名称任意,但二处form1应该统一。

    action中的url地址必须以文件名结尾,例如“action= http://xfbbs.com/ ”或“action= http://xfbbs.com/yule ”便是不规范写法。method可以是get也可以是post,但根据我的经验,提交空表单时最好使用get。

    众所周知,由于搜索引擎的蜘蛛程序是不会填写表单的,所以搜索引擎便无法识别通过这种方法实现的网页自动跳转。

    第五种网页自动跳转方法:程序跳转法(response.redirect 、server.transfer)

    每种程序都有各自的页面跳转方法,例如asp中使用response.redirect 来进行跳转。

    跳转范例如下:response.redirect " http://xfbbs.com "

    它的作用是,asp程序运行到该行代码后,会立即跳转到目标url地址中去。

    在asp中,除了使用response.redirect 做跳转外,还有一个跳转方法,用server.transfer进行跳转。

    跳转范例如下:response.redirect "/yule/tietu/index.html"

    注意,这里的url地址,必须是站内地址,且url地址必须以文件名结尾,例如:response.redirect "/yule/tietu/" 便是错误用法。

    response.redirect和server.transfer都能实现网页自动跳转,但二者也有不同之处,前者可以跳转到站内url,也可以跳转到站外url,而后者只能跳转到站内文件,且浏览器地址栏的url将保持不变。

    server.transfer还有许多好处,这里不多详述,大家可在搜索引擎中查找它的更多资料。 使用response.redirect 跳转虽然是在服务器端完成跳转的,但它最终是转换成html后在客户端执行的,因此,也能被搜索引擎识别,过多的使用亦会被当作作弊处理。

    如果是在同一网站内部的不同网页间跳转,建议使用server.transfer跳转,server.transfer肯定不会被搜索引擎视为作弊。

    更多编程相关知识,请访问:编程视频!!

    展开全文
  • JavaScript中可以通过在点击跳转页面时调用preventDefault()方法来禁止页面跳转。preventDefault()方法可以取消事件的默认动作。如果在点击时候调用preventDefault()方法执行其他行为,通过此方法禁止页面跳转:...

    JavaScript中可以通过在点击跳转页面时调用preventDefault()方法来禁止页面跳转。preventDefault()方法可以取消事件的默认动作。

    48456e19a7c32923e2279438e2737a55.png

    如果在点击时候调用preventDefault()方法执行其他行为,通过此方法禁止页面跳转:

    function stopDefault(e) {

    if (e && e.preventDefault)

    e.preventDefault();

    else

    window.event.returnValue = false;

    return false;

    }

    百度

    var test = document.getElementById('testLink');

    test.onclick = function (e) {

    alert('我的链接地址是:' + this.href + ', 但是我不会跳转。');

    stopDefault(e);

    }

    preventDefault() 方法:

    取消事件的默认动作。

    语法:event.preventDefault()

    说明

    该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。

    注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。

    展开全文
  • htmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">登陆页面functionOpenWindow(){window.location.href="Frame/Login....//要跳转到的页面的路径}...

    html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    登陆页面

    function OpenWindow() {

    window.location.href = "Frame/Login.htm";     //要跳转到的页面的路径

    }

    以上是用js实现页面跳转的全部代码

    用纯html也可以实现页面跳转

    html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

         //标签设置 自动跳转的时间和跳转到的页面地址

    html中的标签中的属性  http-equiv属性中的refresh不仅能够完成页面自身的自动刷新,也可以实现页面之间的跳转过程。

    refresh表示网页的刷新,在content中设置刷新的时间和刷新后的链接地址,时间和链接地址之间用分号相隔。时间单位位秒。

    本人原创,技术有限,如有错误,欢迎补充指正。

    展开全文
  • 创建一个网址跳转处理函数,判断一下剩余时间,等于0时跳转页面 如果要做倒计时的效果,可以使用- - -setInterval函数,时间间隔1秒,循环执行2中的网址跳转处理函数,每次执行,网址跳转处理函数中剩余时间减1 ...
  • 自动跳转页面的实现 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自动跳转</title> <style> p{ text-align: center; } ...
  • 不让网页自动跳转方法如下:1、网页跳转会用到HTML代码中meta的 refresh属性,这时要禁用网页的跳转2、在“Internet选项”的“安全”选项卡下点击“Internet ”区域下的“自定义级别”按钮,3、禁用“其他”下的...
  • 今天做了个网页,要在网页里设置一个iframe,然后套用其他的网站的时候,出现了莫名其妙的问题,我的网页居然会强制自动跳转到这个网页上。经过网上的资料搜索,发现问题的原因是由于嵌入的页面中有以下代码:具体...
  • 因为只是换域名其他伪静态未做改变,所以找了个办法,用 javascript 替换当前网址里的域名,将原来的 www.happyet.org 替换成现在的 lms.im,然后让它自动跳转。代码入下:current_url = window.location.href;...
  • js实现网页跳转脚本

    2021-06-09 00:58:03
    为什么要写这个脚本生活中很多时候会经常登录一个论坛或者网页但是每次打开浏览器都要输一遍网址,或者点开收藏的书签这样远远不如在桌面上打开文件点两下快,还能装X,多好前提条件需要会一些基础的html,...
  • 基于Node.js实现html页面跳转 问题描述 项目代码结构 相关模块配置 构建main.js 构建router.js 构建main.html 构建new.html 运行结果 问题分析与解决 问题描述 最近在使用Node.js和html学习页面的相关知识,在学习到...
  • 前天,有一个网友希望在其微擎系统跳转的时候实现鉴别用户不同的客户端,比如电脑PC端和手机端,实现不同的页面跳转。对于之前老蒋有给其设置过PC端网站然后检测手机访问的时候跳转到WAP网站的案例,对于这个分两个...
  • 前言:有个几后来含些在到气时按式近篇来又的方浏消风需求就是访问指定URL自动跳转到指定的URL,禁止返回上一页。首先想到是写个静态网页,通过调用js相关方法可以实现。以下是示例代码一说为年供发架据制个似业告了...
  • 保存的离线网页总是自动跳转怎么办? 比如从这个csdn上下载保存一些 技术性的 网页到本机,以便 离线时也能正常 查看, 但是 页面保存后, 一打开 总是又自动跳转到 csdn主页, 如果没有联网 就会显示 页面无法打开...
  • *" pageEncoding="GB18030"%> (); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+...本窗口将在3秒后自动跳转 注: ${action} 要在跳转的action放入 就是方法名
  • 这部分可以结合上面的jsp登录,当...5秒钟后自动跳转,如果不跳转,请点击下面链接// Place this in the 'head' section of your page.function delayURL(url) {var delay = document.getElementById("time").inner...
  • 手机访问网站域名时如果实现自动跳转到wap页面 ?如何让用户输入wap手机网站的网址时自动跳转到wap网站 ?wap页面自动跳转的实现方式 ?如何判断访客是否是移动设备访问,自动跳转到wap页面 ?手机自动跳转到手机页面,一...
  • var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})();window.onload = function() {var winHeight = typeof window.innerHeight != 'undefined' ?...
  • 在智能移动终端横行霸道的今天,使用移动终端来访问网站的用户是越来越多,但针对PC用户开发的网站,在移动终端上的体验非常差,这不,我们开始针对移动终端也制作了体验相对更好的页面,那么我们怎么才能知道用户...
  • 一、使用锚标记返回页面顶部使用HTML锚标记最简单,就是看起来有点不好看,点击后会在地址栏...页面底部放置:a href=#top target=_self返回顶部/a二、使用Javascript Scroll函数返回顶部scrooll函数用来控制滚动条...
  • js 控制页面跳转的5种方法

    千次阅读 2021-06-11 01:56:50
    第一种: 代码如下: 第二种: 代码如下: 第三种: 代码如下: 第四种: 代码如下: 第五种: 代码如下: 隔多少秒后自动跳转到其它页(js脚本) 在之间加入js 代码如下: 然后在里面加上 index.asp为自己要跳转的页面。...
  • 和任意的window对象,location对象,href属性连用,都可以页面跳转//// < /script> < /head> < body> 页面将在2秒后跳转 < /body> < /html> 解释: location是个对象,比如本页的document.location和window....
  • js实现页面跳转的五种方法推荐第一种:window.location.href="xx.jsp?backurl="+window.location.href;第二种:alert("返回");window.history.back(-1);window.history.go(-1);第三种:window.navigate("xx.jsp");...
  • 摘要 腾兴网为您分享:PHP页面跳转 Js页面跳转代码,自动刷宝,中信金通,携程抢票,未来屋等软件知识,以及沃金汇,沃行讯通,securecrt.exe,我的世界变形金刚mod,一票通,农场小分队,手电筒,推币机游戏,善行...
  • 3种方法使HTML页面3秒后自动跳转

    千次阅读 2021-04-09 12:02:30
    在项目中,我们经常会遇到这样一个功能:如何实现页面N秒后自动跳转。其实方法很简单,下面小编通过本文给大家分享HTML页面3秒后自动跳转的三种常见方法,对html页面3秒后自动跳转的相关知识感兴趣的朋友一起学习吧...
  • 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如百度主页。2. 如果点击“返回”按钮则返回前一个页面浏览器对象操作成功5后回到主页返回//获取显示秒数的元素,通过定时器来更改秒数。var ...
  • type=button 就单纯是按钮功能 type=submit 是发送表单 但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性: 使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit...
  • 另外附一段js跳转到指定页面的代码,希望对咱们这种不知道几流的程序有一定帮助。为什么贴这段代码,因为我一直用return,这个是返回值的,所以跳转不了。哈哈!第一种:(跳转到b.html)window...

空空如也

空空如也

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

js页面自动跳转