js打开链接,javascript实现链接跳转
一般情况下使用标签方式打开
<a href=”http://www.baidu.com”>open Link</a>
使用js打开链接的几种方式
使用window.open() 方法打开一个定制好的页面,包括页面的大小以及位置等等
var oBtn = document.getElementsByClassName('btn')[0]; oBtn.onclick = function(){ window.open( 'http://www.baidu.com', '百度一下', '_blank' ) }
使用location.href 方式打开页面
<button class="btn">open Link</button> <script> var oBtn = document.getElementsByClassName('btn')[0]; oBtn.onclick = function(){ location.href = 'http://www.baidu.com' } </script>
使用location.assign() 方式打开页面
<button class="btn">open Link</button> <script> var oBtn = document.getElementsByClassName('btn')[0]; oBtn.onclick = function(){ window.location.assign('http://www.baidu.com') } </script>
使用location.replace() 方式打开,注意,此方法与之前介绍的方法略有所不同,从字面上理解为替换,也就是说用新的页面替换之前的页面,该方法会导致浏览器的history 失效
<button class="btn">open Link</button> <script> var oBtn = document.getElementsByClassName('btn')[0]; oBtn.onclick = function(){ window.location.replace('http://www.baidu.com') } </script>
微信赞赏
支付宝赞赏
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。