location.href 本窗口与javascript:window.open 新窗口打开用法
我们学习了HTML课程,知道一个超链接可以用A标签,新窗口打开使用target="_blank" 属性。除使用使用A标签打开之后,我们还可以使用JS来打开链接地址。
用法如下:
本窗口打开链接:
<img onClick="location.href='https://xuewangzhan.net/'" src="images/banner/01.jpg">
新窗口打开链接:
<img onclick="javascript:window.open('https://www.xuewangzhan.net/','_blank');" src="images/banner/01.jpg">
除此之外,还可以使用以下的方法实现新窗口打开
<img alt="" src="Images/2emorewe.gif" onclick="javascript:window.location.href='https://www.xuewangzhan.net';"/>
二种新窗口打开的区别:
window.open("URL",'top'); 只是表示打开这个页面,并不是打开并刷新页面;
window.location.href="URL"; 表示重新定向到新页面,同时刷新打开的这个页面;
常用案例
- jquery点击按钮复制内容代码(兼容PC、手机端)
(15590 次阅读) - jquery自动全屏轮播图banner代码
(12714 次阅读) - 简单易用jquery实现tab栏标签切换菜单代码
(12739 次阅读) - Jquery如何实现商城网站的购物车结算功能(附代码)
(13502 次阅读)