js 跳转链接的几种方式

1、跳转链接在当前窗口打开

1	`window.location.href="http://www.baidu.com"` `等价于 <a href="baidu.com"` `target="_self">go baidu</a>`

2、跳转链接在新窗口打开

1	`window.open("http://www.baidu.com") 等价于 <a href="baidu.com"` `target="_blank">go baidu</a>`

3、跳转链接返回上一页

1	`window.history.back(-1);`

4、跳转链接

1	`self.location.href="baidu.com"`

self 指代当前窗口对象，属于window 最上层的对象。

location.href 指的是某window对象的url的地址

self.location.href 指当前窗口的url地址，去掉self默认为当前窗口的url地址，一般用于防止外部的引用

　top.location.href:为引用test.html页面url的父窗口对象的url

如果你的网页地址是:http://www.a.com，别人的是http://www.b.com, 他在他的页面用iframe等框架引用你的http://www.a.com,那么你可以用:

if(top.location.href!=self.location.href){

location.href="http://www.a.com";

}

来转向你的页面,top指代的是主体窗口,这里top.location.href返回http://www.b.com;

http://www.b.com!=http://www.a.com,返回为真(true),则网页重定向到你的网页,做到防盗用的作用.

js 跳转链接的几种方式相关推荐

JS跳转链接的几种方式
一.常规的JS页面跳转代码 1.在原来的窗体中直接跳转用 <script type="text/javascript">window.location.href=&qu ...
js实现页面跳转重定向的几种方式
转载自 js实现页面跳转重定向的几种方式这篇文章主要介绍js实现页面跳转重定向的几种方式,需要的朋友可以参考下第一种: <script language="javascript& ...
Github项目解析（九）--实现Activity跳转动画的五种方式
2019独角兽企业重金招聘Python工程师标准>>> 版权声明:本文为博主原创文章,未经博主允许不得转载. 转载请标明出处:一片枫叶的专栏上一篇文章中我们讲解了在Activity ...
Vue.js 定义组件模板的七种方式
转载自 Vue.js 定义组件模板的七种方式在 Vue 中定义一个组件模板,至少有七种不同的方式(或许还有其它我不知道的方式): 字符串模板字面量 x-template 内联模板 render ...
js执行shell命令的几种方式（Node）
js执行shell命令的几种方式(Node) nodejs 执行cmd或shell命令 Nodejs调用shell脚本 nodejs调用shell
原生js更改html,原生js更改css样式的两种方式
原生js更改css样式的两种方式发布时间:2020-08-30 01:46:17 来源:脚本之家阅读:148 作者:外婆的彭湖湾下面我给大家介绍的是原生js更改CSS样式的两种方式: 1. 通过 ...
写一个静态HTML页面，直接写HTML代码和用JS动态生成代码，哪种方式要好
如果写一个静态HTML页面,直接写HTML代码和用JS动态生成代码,哪种方式要好点?为什么? 不考虑人力因素(手写HTML太费时间排除),请从读取和解析或者其他的角度分析.谢谢添加评论分享按投票 ...
重学前端第一阶段完钢琴项目(document.querySelector js改变css样式的3种方式思路成品)
菜鸟学完之后,总是感觉学了也还是不会,主要就是因为没有实践,不知道自己到底哪里有问题!虽然说我还没复习完,前端很大一部分都处于模糊阶段,但是感觉还是应该先尽力做一个简单的东西,把这几天学的都用进去,遇 ...
JS设置CSS样式的几种方式（js设置!important）
JS设置CSS样式的几种方式(js设置!important) x619y 用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无效 ...

js 跳转链接的几种方式

js 跳转链接的几种方式相关推荐

最新文章

热门文章