网站页面自动跳转实现方法PHP、JSP(上)


Posted in Javascript onAugust 01, 2010

通常情况下,浏览器会收到一个网页,该页面含有自动加载一其它网页的代码。该页面有可能在服务器端被转换,这样的话,浏览器只收到一个页面,而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能。
对自动转向技术的合理应用包括:将用户转向到指定浏览器的网页版本;当网站的域名变更或删除后将人们转向到新域名下,等等。但现在这种技术却往往被搜索引擎优化人士用来作为提高网站的搜索引擎排名的一种手段。例如,先专门针对搜索引擎做一个高度优化的网页,也就是我们通常所说的“桥页”,然后把这个网页提交给搜索引擎来获得好的排名。但是,当搜索用户通过搜索引擎的搜索结果列表点击该网页列表进入后,将被自动转向到一个用户本来无意去访问的网站地址。搜索引擎常常认为自动转向的网页是对读者的误导,所以它会对这种网页或网站施以惩戒,不过对一些自动转向方法它目前还无法自动检测出来。
Meta Refresh Tag自动转向法
由于搜索引擎能够读取HTML,而Meta tags也是HTML,所以对于这种自动转向法,搜索引擎能够自动检测出来。因而无论网站的转向出于什么目的,都很容易被搜索引擎视做对读者的误导而受到惩罚。不过,如果跳转延迟时间设置合适,搜索引擎就不会视之为作弊。
页面定时刷新元标识(Meta Refresh Tag)只能放在HTML代码的<HEAD>区里。如下所示:
代码

<meta http-equiv="refresh" content="5" url=https://3water.com/">

其中的“5”是告诉浏览器在页面加载5秒钟后自动跳转到page.htm这个页面。这种方法常可以在论坛中见到。如果在论坛上发信息,先会看到一个确认页面,几秒后会自动重新跳转回当前的论坛页面中。
从搜索引擎优化的角度出发,一般不希望自动转向有延迟。不过,如果是用Meta Refresh标识进行转向,一定要注意把延迟时间设定成至少10秒以上。
“javascript”自动转向法
由于不能解析javascript,所以搜索引擎无法察觉(自动检测到)用javascript脚本进行的自动转向。javascript自动重定向脚本可以放在网页的任何位置上,如果要求立即跳转,则可以将其放入网页源码的<head>区内的最上面。用javascript实现跳转的范例如下:
方案1:
代码

<script language="javascript"> 
<!-- 
location.replace("https://3water.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="https://3water.com" method="get"></form>
Javascript 相关文章推荐
Chrome Form多次提交表单问题的解决方法
May 09 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
May 23 Javascript
jquery链式操作的正确使用方法
Jan 06 Javascript
原生javascript实现无间缝滚动示例
Jan 28 Javascript
js实现同一页面多个不同运动效果的方法
Apr 10 Javascript
javaScript中slice函数用法实例分析
Jun 08 Javascript
非常实用的12个jquery代码片段
Nov 02 Javascript
Bootstrap自定义文件上传下载样式
May 26 Javascript
String字符串截取的四种方式总结
Nov 28 Javascript
JS实现购物车特效
Feb 02 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
May 31 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
Sep 20 Javascript
JS DOM 操作实现代码
Aug 01 #Javascript
JQuery自定义事件的应用 JQuery最佳实践
Aug 01 #Javascript
基于jquery的实现简单的表格中增加或删除下一行
Aug 01 #Javascript
Jquery从头学起第四讲 jquery入门教程
Aug 01 #Javascript
关于jquery动态增减控件的一些想法和小插件
Aug 01 #Javascript
jQuery的实现原理的模拟代码 -2 数据部分
Aug 01 #Javascript
jQuery的实现原理的模拟代码 -1 核心部分
Aug 01 #Javascript
You might like
php实现图片添加水印功能
2014/02/13 PHP
PHP扩展迁移为PHP7扩展兼容性问题记录
2016/02/15 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
PHP判断当前使用的是什么浏览器(推荐)
2019/10/27 PHP
JS解析XML的实现代码
2009/11/12 Javascript
Javascript Cookie读写删除操作的函数
2010/03/02 Javascript
关于jQuery中.attr()和.prop()的问题探讨
2013/09/06 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
2014/10/30 Javascript
javascript实现获取服务器时间
2015/05/19 Javascript
javascript实现瀑布流加载图片原理
2016/02/02 Javascript
jQuery javascript获得网页的高度与宽度的实现代码
2016/04/26 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
2016/05/24 Javascript
javascript动画之模拟拖拽效果篇
2016/09/26 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
2017/03/07 Javascript
iframe与主框架跨域相互访问实现方法
2017/09/14 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
2019/08/26 Javascript
JsonProperty 的使用方法详解
2019/10/11 Javascript
Jquery Datatables的使用详解
2020/01/30 jQuery
有趣的JavaScript隐式类型转换操作实例分析
2020/05/02 Javascript
详解Vue的mixin策略
2020/11/19 Vue.js
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
Python的Flask框架中使用Flask-Migrate扩展迁移数据库的教程
2016/06/14 Python
python实现FTP服务器服务的方法
2017/04/11 Python
python爬虫爬取淘宝商品信息(selenum+phontomjs)
2018/02/24 Python
python 字典 按key值大小 倒序取值的实例
2018/07/06 Python
Python-接口开发入门解析
2019/08/01 Python
Python爬虫:Request Payload和Form Data的简单区别说明
2020/04/30 Python
python绘制趋势图的示例
2020/09/17 Python
Python使用Turtle模块绘制国旗的方法示例
2021/02/28 Python
Python字节单位转换(将字节转换为K M G T)
2021/03/02 Python
大学社团活动总结
2014/04/26 职场文书
优秀求职信
2014/05/29 职场文书
租房协议书范例
2014/10/14 职场文书
辞职信怎么写
2015/02/27 职场文书
医生个人年终总结
2015/02/28 职场文书
python中pd.cut()与pd.qcut()的对比及示例
2022/06/16 Python