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
文章为作者独立观点不代本网立场,未经允许不得转载。