html网页重定向的办法

直接上代码

301是永久重定向,常用的场景是使用域名跳转。

比如,我们访问 http://www.zhihu.com 会跳转到 https://www.zhihu.com,发送请求之后,就会返回301状态码,然后返回一个location,提示新的地址,浏览器就会拿着这个新的地址去访问。

301.png

302是临时重定向,用来做临时跳转。接着上面的例子,重定向到 https://www.zhihu.com 的请求又会通过302重定向到 https://www.zhihu.com/signup?next=%2F

302.png

不过,看上去301和302都是代表重定向的意思。那具体有啥区别呢?

http 1.0规范中有2个重定向——301和302,在http 1.1规范中存在4个重定向——301、302、303和307。

其中301在http 1.0以及http 1.1中都表示永久重定向,就不讨论了。

那302呢?

在http1.0中,302的规范是这样的:

原请求是post,则不能自动进行重定向;原请求是get,可以自动重定向。

但是浏览器和服务器的实现并没有严格遵守HTTP中302的规范,服务器不加遵守的返回302,浏览器即便原请求是post也会自动重定向,导致规范和实现出现了二义性。

所以HTTP 1.1中将302的规范细化成了303和307

继承了HTTP 1.0中302的实现(即原请求是post,也允许自动进行重定向,结果是无论原请求是get还是post,都可以自动进行重定向)。

307则继承了HTTP 1.0中302的规范(即如果原请求是post,则不允许进行自动重定向,结果是post不重定向,get可以自动重定向)。

js 跳转页面方式详解

window:典型情况下, 浏览器会为每一个打开的html创建对应的window对象, 如果这个文档包含了多个框架(), 则浏览器会为原始文档建立一个window对象, 再为每个框架创建额外的window对象。

可以再当前窗口中直接使用window的全部属性、方法和集合, 即不需要在前面附加计算结果为当前window对象的表达式。虽然window可以省略, 但是为了方便阅读以及避免一些漏洞, 一般都使用这个关键字。

location:该对象包含当前url信息, 拥有多个属性。默认属性为 location.href,表示整个url, 即如果设置location=\”https://www.xxxxxx.com/\”, 则等同于location.href=\”https://www.xxxxxx.com/\”。

第一种:超链接

等效于

//在同当前窗口中打开窗口

第二种:超链接

等效于

//在另外新建窗口中打开窗口

第3种:window.navigate(\”https://www.xxxxxx.com/\”); //只对ie浏览器有效, 其他浏览器无效, 不建议使用。

第4种:

第5种:

第4种和第5种联合使用, 可以防止别人用iframe等框架引用你的页面。

//反之iframe等框架引用

第6种:

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。