動態創建的JavaScript失去了這個值

Question

javascript：alert正在動態創建的代碼僅在我使用全局對象引用時纔有效，gvo_Z。

但我寧願爲使用這個（或代理其如lvo_this）。

<div id = "target_div" ></div> 

<script language="javascript" type="text/javascript"> 
    function c_A() 
    { this.om_A = function() 
     { return "got it" ; 
     } ; 
    } ; 

    function c_Z() 
    { this.pvo_A = new c_A() ; 

     this.om_Z = function() 
     { 
      var lvo_this = this ; 

      var lvs_html = "<div onmousedown='javascript:alert(gvo_Z.pvo_A.om_A());' >press me ... WORKS ... uses global reference</div>" ; 
      lvs_html += "<div onmousedown='javascript:alert(lvo_this.pvo_A.om_A());' >press me ... does NOT work ... uses THIS reference</div>" ; 
      document.getElementById("target_div").innerHTML = lvs_html ; 
     } ; 
    } ; 

    var gvo_Z = new c_Z() ; 
    gvo_Z.om_Z() ; 
</script> 

Answer 1

函數添加到您創建的元素。 您可以使用名稱標籤創建你的元素像這樣

<div id = "target_div" ></div> 

<script language="javascript" type="text/javascript"> 
    function c_A() 
    { this.pvs_test = "test" ; 
    } ; 

    function c_Z() 
    { this.pvo_A = new c_A() ; 

     this.om_Z = function() 
    { 
     var lvo_this = this ; 


     var lvs_html = "<div name='yourdiv'>press me ... does NOT work ... uses THIS reference</div>" ; 
     document.getElementById("target_div").innerHTML = lvs_html ; 
document.getElementsByName("yourdiv")[0].onclick = function() { 
alert(lvo_this.pvo_A.pvs_test); 
}; 
    } ; 
    } ; 

    var gvo_Z = new c_Z() ; 
    gvo_Z.om_Z() ; 
</script> 

Answer 2

裏面的功能this的範圍DOMWindow

試試這個：

function c_A() { 
    this.pvs_test = "test"; 
}; 

function c_Z() { 

    var self = this; 

    this.pvo_A = new c_A(); 
    this.om_Z = function() { 

     var lvo_this = self; 

     var lvs_html = "<div onmousedown='javascript:alert(gvo_Z.pvo_A.pvs_test);' >my div</div>"; 
     document.getElementById("target_div").innerHTML = lvs_html; 
    }; 
}; 

var gvo_Z = new c_Z(); 
gvo_Z.om_Z();​ 

Answer 3

如果你把腳本中的字符串中插入時，它會執行，不當前的情況。除了其他答案之外，您需要在om_Z（）方法之外聲明您的「代理」是正確的。

通過實際立即執行培訓相關的表達只是構建腳本：

var lvs_html = "<div onmousedown='javascript:alert(" + lvo_this.pvo_A.pvs_test + ");' >my div</div>" ;