a.js
====
function Button(a,b){
var inputTag=document.createElement("input");
inputTag.type="button";
inputTag.id=a;
inputTag.className=b;
buttonContainer.appendChild(inputTag);
this.addActionListener=function(callbackFunc){
inputTag.onclick=callbackFunc;
}
}
b.html
======
<html>
<head>
<style type="text/css">
.addStyle { background:orange; }
.removeStyle { background:skyblue; }
</style>
<script src="a.js"></script>
<script>
window.onload=function(){
initButton();
}
function initButton(){
var b1=new Button("addButton","addStyle");
var b2=new Button("removeButton","removeStyle");
b1.addActionListener(f1);
}
function f1(){
alert(111);
}
</script>
</head>
<body>
<div id="buttonContainer">
</div>
</body>
</html>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| Button.prototype.setColor (0) | 2015.03.03 |
|---|---|
| 객체생성해서 appendChild하기 (0) | 2015.03.03 |
| 객체생성 이용해서 버튼만들어서 css적용하기 (0) | 2015.03.03 |
| 외부파일로 css스타일 적용 시키고 js이벤트 주기 (0) | 2015.03.03 |
| iframe이용,페이지 열기 (0) | 2015.03.03 |