HTML网页自动跳转的5种方法
(推荐教程:html教程)
在我们进行网站创建时经常会遇到需要进行网页跳转的情况,本文就来为大家介绍五种网页自动跳转的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
网页自动跳转5种方法:
第一种网页自动跳转方法:meta refresh自动跳转法
在网页的head区域的meta refresh
标签中,加入自动跳转代码,可实现网页的立即或延时自动跳转。
示例如下:
<meta http-equiv="refresh" content="10;url= http://xfbbs.com/ ">
上述html代码中的“10”是延时跳转的时间,单位是秒。如果设为0,就表示立即跳转。
“ http://xfbbs.com
”是跳转的目标地址,可以是同一域名下的站内相对路径,也可以是不同域名的站外地址。
由于搜索引擎能够读取html,所以对于这种自动跳转方法,搜索引擎是能够自动检测出来的。 被视为作弊,则主要看跳转时间。如果跳转时间为0,就可能会被视为作弊,从而受到惩罚。如果有时间延迟(一般3秒以上),就会被视为正常应用。
第二种网页自动跳转方法:body onload自动跳转法
在网页加载时通过onload事件指定parent.location
进行自动跳转。
示例如下:
<body onload="parent.location=' http://xfbbs.com' ">
这种方法与第一种方法一样,能够被搜索引擎识别。
第三种网页自动跳转方法:javascript自动跳转法
javascript可以实现网页的自动跳转,如果要实现立即跳转,将跳转代码放在网页的head区域即可。
示例如下:
<script language="javascript"> location.replace(" http://xfbbs.com/yule/tietu/ ") </script>
其中的“ http://xfbbs.com/yule/tietu/
”是重定向目标地址。
由于搜索引擎无法解析javascript,所以搜索引擎便无法识别用javascript脚本进行的自动跳转。
第四种网页自动跳转方法:表单自动跳转法
对于表单大家都很熟悉,就是将表单中填写的内容,提交到action参数中指定的url地址中,目标url再对接收到的数据进行处理。利用这一点,我们可间接的实现网页跳转,只不过,我们并不需要提交任何表单内容。再结合javascript脚本,可以对表单进行自动提交。
示例如下:
<form name="form1" action= http://xfbbs.com/index.html method="get"> </form> <script language="javascript"> document.form1.submit() </script>
其中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
肯定不会被搜索引擎视为作弊。
更多编程相关知识,请访问:编程视频!!
以上就是HTML网页自动跳转的5种方法的详细内容,更多请关注其它相关文章!
推荐阅读
-
HTML5 Canvas中绘制椭圆的4种方法
-
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
-
使用HTML5中的contentEditable来将多行文本自动增高
-
css3处理sprite背景图压缩来解决H5网页在手机浏览器下图标模糊的问题_html/css_WEB-ITnose
-
写了一个简单的html/php上传的网页,在安卓和电脑上都正常,但ipad上都有问题,即图片上传名称都自动变成image.jpg
-
在微信上做 HTML5 网页和普通的网页开发有何不同?
-
当前主流HTML5的网页是否依然是以DIV + CSS为基础开发的?
-
Apache http自动跳转到https的几种方法
-
经典网页设计:20个与众不同的国外 HTML5 网站_html/css_WEB-ITnose
-
实现网页页面跳转的几种方法