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>

使用events'属性获取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的位置。

DIV更改onclick与外部页面作为变量

1 个答案: