首页 > 其他分享 >web前端HTML中五种网页跳转的方法

web前端HTML中五种网页跳转的方法

时间:2023-09-10 17:02:38浏览次数:43  
标签:redirect web url transfer server HTML 跳转 response

单自动跳转法

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

示例如下:

cript>

其中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肯定不会被搜索引擎视为作弊。

标签:redirect,web,url,transfer,server,HTML,跳转,response
From: https://blog.51cto.com/u_15988698/7426957

相关文章

  • 使用Python和Django构建Web应用程序
    Django简介Django是一个强大的PythonWeb框架,用于构建高效且可维护的Web应用程序。它提供了许多工具和库,用于处理常见的Web开发任务,如数据库管理、用户认证和URL路由。以下是一些Django的关键特点:ORM(对象关系映射):Django的ORM允许你使用Python代码来定义和查询数据库模型,而无需编写S......
  • 使用Ruby on Rails构建Web应用程序
    RubyonRails简介RubyonRails(通常简称为Rails)是一个流行的开发框架,用于构建Web应用程序。Rails是一个基于Ruby编程语言的MVC(Model-View-Controller)框架,它强调约定优于配置,使开发变得高效且易于维护。以下是一些关键Rails特点:MVC架构:Rails遵循MVC设计模式,将应用程序分为模型(Model......
  • html属性选择器
    <!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <metaname="viewport"content="width=device-width,initial-scale=1.0">  <title>Document</title> <sty......
  • html组合选择器
    <!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <metaname="viewport"content="width=device-width,initial-scale=1.0">  <title>Document</title>  <s......
  • webpack--loader
    引言因为webpack默认只能解析js资源,当我们要处理css等资源时,无法进行处理,所以我们就要通过loaderloader来载入加载器来对相应的资源做特定的解析。报错案例例如:我们直接在js中引入css文件再次编译时,会报错。index.css.box1{width:100px;height:100px;backgr......
  • WebPack入门
    什么是webpack简单地说就是要一个web的打包工具,将项目所需要的资源进行打包处理。安装webpack很简单,首先是初始化一个node.js的项目npminit之后就是安装webpack以及webpack-clinpmiwebpackwebpack-cliD初试打包我们在src/js目录下分别新建两个js文件,分别执行加法和......
  • 基于web的图书馆座位管理系统设计与实现-计算机毕业设计源码+LW文档
    摘要信息化的迅速发展,对人们的衣食住行产生了很大影响。越来越多的人习惯并依赖于通过信息技术和智能化的形式来处理日常各类事物。为了满足学生用户日常学习的需要,以及适应现代化图书馆管理的需求,决定开发基于web的图书馆座位管理系统。帮助学生快速的在线预约,提高了学习效率。......
  • 在eclipse上部署Java web服务器(Tomcat)
    注意:本文章可能会具体配置实际有出入,发现错误可能是和我的版本不一致或其他问题,可以联系笔者更改或者自行斟酌。  一.配置准备1.tomcat tomcat有很多版本,eg:11.0,10.1,10.0,9.0等等 这里大家可以随意下载,但是要注意版本适配问题,我在配置是11无法再eclipse上检测,10.1能......
  • Web自动化测试
    @Author:BasilGuo@Date:Feb.20,2021@Description:Web自动化测试@Keyword:test,auto,web@Type:tutorial1.自动化测试自动化测试与手工测试相比,最大的一个区别是要求测试人员掌握一门脚本开发语言。自动化测试通俗地讲就是使用软件A自动执行测试用例来测试软件B。......
  • chrome插件:一个基于webpack + react的chrome 插件项目模板
    项目结构$tree-L1.├──README.md├──node_modules#npm依赖├──package.json#详细依赖├──pnpm-lock.yaml├──public#里边包含dist,安装的时候安装这个目录即可├──src#源码文......