信
51rgb
网页自动跳转页面的代码在很多时候都非常的有用,下面的是两个简单的例子。仅供参考。
方案一,用<meta>里直接写刷新语句:
<html>
<head>
<meta http-equiv="Content-Language" content="zh-CN">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta http-equiv="refresh" content="5;url=http://www.51rgb.com">
<title>html网页自动跳转代码--西农大网站</title>
</head>
<body>
测试:html网页自动跳转代码<br/>
你可以在这里写下你想的一切东西!<br />
如:西北农林科技大学是一所985、211院校。<br />
</body></html>
方案二,用javascript脚本来跳转
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>正在进入西农大网站</title>
</head>
<body>
<form name=loading>
<p align=center> <font color="#0066ff" size="2">正在进入,请稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
<inputtype=text name=percent size=47 style="color:#0066ff; 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://www.51rgb.com;}
}</script>
</p>
</form><p align="center">
测试:html网页自动跳转代码<br/>
你可以在这里写下你想的一切东西!<br />
如:西北农林科技大学是一所985、211院校。<br /><br />
如果您的浏览器不支持跳转,<astyle="text-decoration: none" href="http://www.mycodes.net
"><font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>
↓↓↓
页编程之自动刷新。
各位同学好,今天我们来分享一下如何设置网页自动刷新和延时跳转。我们都知道,在浏览器中点击刷新按钮或者按下F5键可以刷新页面,但在编程中有时需要自动刷新页面,加载最新的数据,无需用户参与。这就是我们今天要讲的内容。
接下来让我们来看看效果如何。
·首先,在页面上添加了一个滚动字幕和一张GIF动画,用于展示页面的刷新状态。
·现在可以看到,每隔3秒自动刷新一次,每当刷新时,字幕会回到初始位置,动画也会重新播放。
·如果不明显,可以看到鼠标指到的位置会不停地触发刷新按钮,效果已经很明显了。
现在让我们来看看实现代码。自动刷新使用了meta标签的http-equiv属性,值为referesh,表示自动刷新。设置了content属性,在内容中填写秒数,即每隔多少秒自动刷新页面。如果设置为3,则每隔3秒自动刷新页面,非常简单。
·延时跳转的实现也很简单。刚才已经将Content属性设置为3,现在只需要指定要跳转到的URL。它的写法是在3后面加上一个英文分号,然后加上url等于要跳转到的地址。在这里,我们跳转到新浪首页,例如视频。这样写好后,回到浏览器保存,可以看到倒计时321,成功跳转。在指定时间后,浏览器会自动跳转,功能已经实现。
今天的分享就到这里,希望各位同学可以照着写3遍,做到不看视频也能写出来。所有案例和相关文档都可以向我索取。
我们下期再见,想学编程可以关注网页编程、服务端编程、数据库和算法方面的内容。
点赞支持一下。
家好,我是一个给企业做网站建设和网站维护工作的技术人员。如果您有这方面需求,欢迎找我。
由于现在竞价成本过高,百度等平台又相继出台一些新的限制,底部浮动对话框不能超过手机屏幕的1/10。对话量明显不如以前,怎么办呢?
好多企业尤其是医疗企业都有这样的需求,就是当网页打开7-10秒之后,需要一个自动跳转到聊天软件的功能,用来提升对话量。
通常我是怎么做的呢?
在每个专题页面的head头部加入如下代码
<meta http-equiv="refresh" content="8;url=https://viph19-hztk11.kuaishang.cn/bs/im.htm?cSource=1&cas=***&fi=***">
然后就悲剧了,客户那里需要反复测试,一会改成7秒,一会改成8秒,一会去掉,一会又要改成10秒,一次需求变更就需要修改好多个网站的数百个页面,最后改到头晕脑胀手指疼。
有没有其它更快速的方法呢?答案是有的,我们可以用js来实现
第一步
先将线上文件同步到本地,再在本地目录里建一个jumpswt.js
第二步
替换所有html文件中的<head>为
<script src="http://www.mediab.cn/js/jumpswt.js"></script></head>
简单吧?页面里只需要这一行代码就可轻松实现跳转的功能,以后再做修改的时候,只需改一个位置就可以了。
当然,前面的域名要改成您自己的,前面的域名是我自己的网站,您也可以参考。
第三步
打开jumpswt.js
粘贴代码。代码内容如下
星号和网址需要替换成您自己的,10000毫秒表示10秒,以后如果再有需求变动直接改这个数值就可以了,所有专题页面的定时都会变化。
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {setInterval(function() {
var r = document.referrer;
var p = window.location;
swt_linkurl = "http://**.zoosnet.net/LR/Chatpre.aspx?id=***&p=" + p + "&r=" + r;
window.location.href = swt_linkurl;}, 10000);}
如果有一天不需要再跳转,在这个文件最上方加上return false;就可以了。
正当我满心欢喜,以为节约了半天时间的时候,一件意外发生了,商务通开始接不到对话,通俗一点说就是反复跳转出现了死循环,一个对话也接不进来了。
以下是商务通的访问轨迹
我发现对方有一个页面是这样的
唯一的可能就是这个页面被嵌入到商务通里了,就这样每次打开商务通,都会触发跳转,所以一个对话也接不进来。马上打开这个页面,删除这个页面里的跳转代码,对话才恢复正常。
我的小心脏啊,浪费了十几块的推广费用了。
做网站维护最难的就是前期没有人跟你做交接,不知道会遇到什么事情。
所以好多事情只有自己摸索着做了。
欢迎关注我的头条号,前端技术分享。
链接里有我近期做过的网站案例,希望大家喜欢。
*请认真填写需求信息,我们会在24小时内与您取得联系。