本文通过各种方法为你讲解网页跳转,总有你需要的,网页跳转的好处就不说了(此处省略1w字)。
一、普通HTML页面的跳转代码:
<meta http-equiv="refresh" content="5;URL=https://www.bokewo.com">
说明:
1、 上面的代码,放在网页头部的“</head>”上面;
2、数字5,是5秒以后自动跳转,可自己按照需要设置;
3、网址 https://www.bokewo.com,就是自动跳转到的新的网址。
4.网页需要加载完毕后才能跳转。
二、利用 Javascript语言
<script> location="https://www.bokewo.com";</script>
说明:
本代码是网页一打开就直接跳转到 http://www.bokewo.com上面去了!
二、PHP跳转代码:
<?php //PHP自带函数,注意: 使用该Header函数时必须网页未产生任何输出,此时尤其要注意空格的问题。即必须放在网页最开始处 Header("Location:https://www.bokewo.com"); ?>
三、 ASP跳转代码:
<% 'asp 自带 Response.Redirect("http://www.bokewo.com") %>
自动转向,也叫自动重定向。自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的 一种技术。转向的网页地址可以是网站内的其它网页,也可以是其它网站。通常情况下,浏览器会收到一个网页,该页面含有自动加载一其它网页的代码。该页面有 可能在服务器端被转换,这样的话,浏览器只收到一个页面,而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能。
对自动转向技术的合理应用包括:将用户转向到指定浏览器的网页版本;当网站的域名变更或删除后将人们转向到新域名下,等等。但现在这种技术却往往被搜索引擎 优化人士用来作为提高网站的搜索引擎排名的一种手段。例如,先专门针对搜索引擎做一个高度优化的网页,也就是我们通常所说的“桥页”,然后把这个网页提交 给搜索引擎来获得好的排名。但是,当搜索用户通过搜索引擎的搜索结果列表点击该网页列表进入后,将被自动转向到一个用户本来无意去访问的网站地址。搜索引 擎常常认为自动转向的网页是对读者的误导,所以它会对这种网页或网站施以惩戒,不过对一些自动转向方法它目前还无法自动检测出来。
Meta Refresh Tag自动转向法
由于搜索引擎能够读取HTML,而Meta tags也是 HTML,所以对于这种自动转向法,搜索引擎能够自动检测出来。因而无论网站的转向出于什么目的,都很容易被搜索引擎视做对读者的误导而受到惩罚。不过, 如果跳转延迟时间设置合适,搜索引擎就不会视之为作弊。
页面定时刷新元标识(Meta Refresh Tag)只能放在HTML代码的<HEAD>区里。如下所示:
<meta http-equiv="refresh" content="5" url=http://www.bokewo.com">
其中的“5”是告诉浏览器在页面加载5秒钟后自动跳转到 page.htm这个页面。这种方法常可以在论坛中见到。如果在论坛上发信息,先会看到一个确认页面,几秒后会自动重新跳转回当前的论坛页面中。
从 搜索引擎优化的角度出发,一般不希望自动转向有延迟。不过,如果是用Meta Refresh标识进行转向,一定要注意把延迟时间设定成至少10秒以上。
“javascript” 自动转向法
由于不能解析javascript,所以搜索引擎无法察觉(自动检测到)用javascript脚本进行 的自动转向。javascript自动重定向脚本可以放在网页的任何位置上,如果要求立即跳转,则可以将其放入网页源码的<head>区内的 最上面。用javascript实现跳转的范例如下:
<script language="javascript"> <!-- location.replace("https://www.bokewo.com"); --> </script>
用javascript实现自动重定向的好处在于:用户所访问的目标 URL不会保留在用户浏览器的历史记录中,如果用户按返回按钮返回,则将回到跳转前的网页,而不是包含javascript自动重定向脚本的跳转页面,所 以不会出现当用户点击返回按钮后返回至重定向页,然后该页自动跳转到用户本来想离开的那个页面的尴尬情形。
如果需要,可以把 javascript自动重定向脚本存在一个外部文件中,并通过下面的命令行来加载,其中“filename.js”是该外部文件的路径和文件名:
<script language="javascript" src="filename.js"></script>
注意:若需实现即刻转向,或不希望人们看到转向前 的那个页面,一般常用javascript脚本实现。在这种情况下应将javascript脚本放入HTML源码的<HEAD>区中。
表 单(FORM)自动转向法
搜索引擎的“爬行”程序是不会填写表单的,所以它们也不会注意到提交表单,因而可以利用表 单来实现自动转向(重定向)而不让搜索引擎察觉。
对于表单,人们往往很少意识到:表单的Action参数中包含的URL地址其实正是浏览器向服 务器所请求的URL。浏览器将会通过向请求的URL地址增加一些格式为name=value的参数给予它以特殊的对待。在什么都没有的情况下,浏览器仍旧 会为该URL安排请求至服务器。
用javascript脚本可让页面开始加载时即提交表单。下面是一个用javascript实现表单自 动提交,以及提交表单的范例:
<script language="javascript"><!--document.myform.submit() //--> </script> <form name="myform" action="http://www.bokewo.com" method="get"></form>
很多时候我们需要Web页具备有自动跳转功能,例如,论坛中的用户登录、发帖及回复或留言簿 中的留言和回复等操作成功后,若用户没有任何鼠标点击操作,过了一定的时间,页面自动跳转到预设的页面。本文讨论网页自动跳转的几种实现方法。
方 法一:使用meta标签meta标签是html不可或缺的标签之一,它负责提供文档的元信息,其参数主要有:
① http-equiv: 与 文档中数据相关的HTTP文件首部 ② content: 与命名HTTP首部相关的数据 ③ name: 文档描述 ④ url: 与元信息相联系的URL当我们定义属性http-equiv为refresh,打开此Web页时系统将根据content规定的值在一定时间 内跳转到相应页面,content="秒数;url=网址"就是定义了过多长时间跳转到指定的网址。以下meta标签告诉系统一秒钟后页面自动跳转到幸福窝:
<meta http-equiv="refresh" content="1;url=http://www.bokewo.com/">
以 上代码需要加在HTTP文档首部中,介于<head>与</head>之间,通常,meta标签是紧跟 在<head>之后。若需要有多个meta标签,它们可以各占一行。
此法通用于任何环境,包含静态的网站空间。
方法二:使用 header函数header函数是php内置函数中的HTTP相关函数之一,该函数送出HTTP协议标头到浏览器。使用它可以重定向URL,即令页面转 向其他指定的网页。以下例子,执行后将自动打开幸福窝首页:
header("Location: https://www.bokewo.com/");
必须注意,header函数只能 用在页面代码中的<html>标签之前,亦即,HTTP首部尚未有其他任何标头(<head>)传送给浏览器之前,而且,此前页 面也不能print或echo任何内容。换句话说,在页面的<html>出现前,程序只单纯地处理header事件。尽管有如此严格的要求, 灵活地使用它,仍然可以达成页面的自动跳转功能,比如登录页面,通过判断用户提交的数据是否合法来决定页面跳转到何处。以下给出一个简单的例子:
<?php
/* 登录程序 - 文件名:login.php 程序作用 - 判断用户登录口令 */ if($_POST['Submit']) { session_start(); if($_POST['pws']=='123') { //若密码为 123 $_SESSION['passwd']='123'; //写入会话数据 header("Location:index.php"); //跳转到正常页面 }else{ header("Location:login.php"); //跳转到登录页面 } } //表单代码略(也可以 用纯html代码写表单,若如此,代码应放在程序之后 ?> <?php /* 检测会话数据 - 文件名:index.php 程序作用 - 检测会话数据中的密码是否为123,若不是,返回 登录页面 */ session_start(); if($_SESSION['passwd']!='123') header("Location:login.php"); //其他代码(纯HTML代码应写在程序之后) ?>
此 法显然只能用于支持php的空间环境。
方法三:使用JavaScriptJS非常灵活,利用它可以做出功能非常强大的程序脚本,这里仅举一个简单 的页面自动跳转的JS例子。以下代码执行后浏览器将自动转到幸福窝网站,该代码可放在页面中的任何合法的位置:
<script language="javascript" type="text/javascript">
window.location.href("http://www.bokewo.com"); </script>
此代码适用于任何Web环境。若加入 定时器,将更加妙不可言。
<input type=button value="点击开始" onClick="t=5"> <span id="view"></span> <script> t = -1; // 计数器 setInterval("testTime()",1000); // 启动1秒定时 function testTime() { if(t<0) return; // 计数器值小于0,表示尚未开始倒计时 if(t == 0) // 计数器值为0,转向 location = "http://www.weisha.ws"; view.innerHTML = "<b>"+t+"</b>"; // 显示倒计时 t--; // 计数器递减 } function offTime() { if(event.srcElement.value != "点击开始") { // 若不是倒计时开始 t = -1; // 初始计数器 view.innerHTML = ""; // 清空倒计时 } } document.onclick = offTime; // 启动点击事件监视
发表评论