前端页面跳转的几种方法

一、onclick跳转

1. 设置window的location.href属性

<span onclick="location='www.csdn.net'">点击在当前页打开csdn</span>
<span onclick="window.location.href='www.csdn.net'">点击在当前页打开csdn</span>

2. 调用window的open方法

<span onclick="window.open('www.csdn.net','_self')">点击在当前页打开csdn</span>
<span onclick="window.open('www.csdn.net','_blank')">点击在新标签页打开csdn</span>

二、a标签跳转

<!-- target属性默认为_self，此处可省略 -->
<a href="www.csdn.net" target="_self">点击在当前页打开csdn</a>
<a href="www.csdn.net" target="_blank">点击在新标签页打开csdn</a>

关注我领取更多福利哦！