html分離JavaScript

                                                         html分離JavaScript

  • test.html
<html>
	<head>
		<script type="text/javascript" src="test.js"></script>
	</head>
	<body>
		<a href="http://www.example.com/" class="popup">TEST</a>
	</body>
</html>
  • test.js
window.onload = prepareLinks;
function prepareLinks() {
	var links = document.getElementsByTagName("a");
	for (var i = 0; i < links.length; i++) {
		//if (links[i].getAttribute("class") == "popup") {
		if (links[i].className == "popup") {
			links[i].onclick = function() {
				popUp(this.getAttribute("href"));
				return false;
			}
		}
	}
}

function popUp(winURL) {
	window.open(winURL, "popup", "width=320,height=480");
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章