页面跳转方式

web前端开发中,经常使用到页面跳转,下面是使用过的几种常用的跳转方式。

1.html跳转,通过<a>标签,

<a href="www.xxx.com" target="_self">链接</a>

,其中target共有4种模式:
1)_self,默认方式,在当前窗口跳转
2)_blank,跳转到新窗口
3)_parent,在当前父窗口跳转
4)_top,在当前顶级窗口跳转

2.js跳转,js跳转能控制的属性要比html直接跳转要更多。

window.location.href = "www.xxx.com";

location其实还有N种属性,可以控制页面的位置等信息,但这种方式好像没法跳转到新页面上。

window.open('www.xxx.com', '_self');

第二个参数和html跳转中的target模式一样,也是有4种方式,同时,open函数也带有N种属性。

3.此外,js中还可以记录页面跳转的历史,通过历史访问顺序来控制:
window.history.back();
window.history.go();
window.history.forward();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值