js打开链接，javascript实现链接跳转

javascript/html教程 4周前 0 5

一般情况下使用标签方式打开

使用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>

赞赏

微信赞赏支付宝赞赏