HTML跳转新窗口的方法

方法一 纯HTML

<a href="http://www.cnblogs.com" target="_blank">博客园</a>

 

方法二 使用 onclick

// HTML 
<a onclick="openUrl('http://www.cnblogs.com')">博客园</a>
// js
// 使用 'window.open()'
<script type="text/javascript">
function openUrl(url){
window.open(url);
}
</script>

 

下面用到的 openUrl()都是用法二的函数
window.open() 的具体用法
方法三 使用 href="javascript:openUrl()"
// HTML

<a href="javascript:openUrl('http://www.cnblogs.com')">博客园</a>

 

方法四 直接使用 window.open()

<a onclick="window.open('http://www.cnblogs.com')">博客园</a>

 

方法五 使用 id + onclick
// HTML

<p id="btn">博客园</p>
// js
<script type="text/javascript">
var btn = document.getElementById('btn');
btn.onclick =function(){
openUrl("http://www.cnblogs.com");
};
</script>

 

方法六 使用 addEventListener()
// HTML

<p id="btn">博客园</p>
// js
<script type="text/javascript">
var btn = document.getElementById('btn');
btn.addEventListener("click", function(e){
openUrl("http://www.cnblogs.com");
}, false);
</script>