HTML中打開新頁面的方法

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>