我正在編寫一些oo風格的js。當我的頁面加載時,它會執行兩次我的login()函數,而我想觸發login()的事件偵聽器根本不起作用。任何幫助將不勝感激。這裏是我的代碼:javascript oo編程語法對於菜鳥的幫助
(function(window, undefined) {
var document = window.document,
navigator = window.navigator,
location = window.location;
//build the login button
var DA = {
width : '70px',
height : '20px',
createLoginButton : function(){
var a = document.createElement('a');
a.style.width = this.width;
a.style.height = this.height;
a.style.cursor = 'pointer';
var div = document.createElement('div');
div.id = 'da_login_button';
div.onclick = DA.login();
div.innerHTML = "client login";
div.style.width = this.width;
div.style.height = this.height;
div.style.backgroundColor = '#59724A';
div.style.color = 'white';
div.style.border = '4px solid #6B5D49';
div.style.padding = '3px';
div.style.textAlign = 'center';
a.appendChild(div);
return a;
},
//write the button to the dom
writeLoginButton : function(){
var dest = document.getElementById('digital_arborist_login');
dest.style.width = this.width;
dest.style.height = this.height;
var theButton = DA.createLoginButton();
dest.appendChild(theButton);
theButton.addEventListener("click", DA.login(), false);
},
//detect ssl
isSecure : function(){
if (location.protocol === 'https:') {
return true;
} else {
return false;
}
},
// the login function
login : function(){
alert('href: '+location.href+'<br />protocol: '+location.protocol);
},
};
window.DA = DA;
})(window)
// start the magic
DA.writeLoginButton();
Here is the web page where I'm testing my code.
當我檢查頁面時,我得到一個警報,會發生什麼? – 2012-04-18 15:25:57