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的地方。