DIV與外部網頁的onclick改變爲一個變量

Question

我有這樣的代碼是基於外部頁面上改變DIV的內容：

<a href="" onclick="return false" onmousedown="loadexteranlPage() "> Link to external page</a> 

和

function loadexternalPage() { 
      var xmlhttp = new XMLHttpRequest(); 
      xmlhttp.onreadystatechange = function() { 
       if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
        document.getElementById('main_frame').innerHTML = xmlhttp.responseText; 
       } 
      } 
      xmlhttp.open("GET", "externalpage.html", true); 
      xmlhttp.send(); 
     } 

如何更新此代碼中的函數獲取變量作爲外部頁面的方式嗎？ 這樣的事情？

<a href="" onclick="return false" onmousedown="loadexteranlPage(externalpage) "> Link to external page</a> 


      function loadexternalPage(externalpage) { 
      var xmlhttp = new XMLHttpRequest(); 
      xmlhttp.onreadystatechange = function() { 
       if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
        document.getElementById('main_frame').innerHTML = xmlhttp.responseText; 
       } 
      } 
      xmlhttp.open("GET", externalpage, true); 
      xmlhttp.send(); 
     } 

或方法：

  $(document).ready(function() { 


      loadxtPage("popup.html"); 
      $("#main_frame").click(loadxtPage("externalpage.html")); 

      }) 

Answer 1

您可以使用href屬性：

這裏傳遞事件：

<a href="externalpage.html" onclick="return false" onmousedown="loadexteranlPage(event) "> Link to external page</a> 

使用事件屬性來獲取URL ：

function loadexternalPage(event) { 
    var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      document.getElementById('main_frame').innerHTML = xmlhttp.responseText; 
     } 
    } 
    xmlhttp.open("GET", event.target.href, true); 
    xmlhttp.send(); 
} 

這是一種可能的解決方案。這真的取決於你需要指定URL的地方。