HTML网页自动跳转的5种方法(2)-木庄网络博客

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

示例如下：

1 2	`<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 来进行跳转。

跳转范例如下：

1	`response.redirect " http://xfbbs.com "`

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

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

跳转范例如下：

1	`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种方法的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者