Question

我在正在执行操作的TEXT上有一个href。（该动作正在改变我正在使用另一个div的div）。我想将TEXT更改为按钮，但我知道我无法在“标签”中添加“按钮标签”。

    <a href="EXTERNALPAGE.html"  onmousedown="loadextPage(event) ">  BACKBUTTON </a> 

    <button id="back_button"> BACKBUTTON   </button>

此外，这是事件的代码：

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

}

解决了

        <div id="back_button" onclick="return false" onmousedown="loadextPage(event)"                 style="cursor:pointer">
    <button>
        <a href="secondpopup.html">   Go Back </a>
    </button>
        </div>

和

<script>

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




</script>

Answer 1

试试这个

<button onclick="myFunction()">Click me</button>

Answer 2

当我看到你的函数loadextPage（event）时，我知道你为什么想要一个锚标记，因为该函数正在获取被点击元素的href以加载外部页面。因此，您可以使用具有此类数据属性的按钮

<button id="back_button" data-href="EXTERNALPAGE.html" onmousedown="loadextPage(event)"> BACKBUTTON   </button>

你需要将你的功能改为

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

所以从这个

xmlhttp.open("GET", event.target.href, true);

要

xmlhttp.open("GET", event.target.dataset.href, true);

示例http://jsfiddle.net/2vka9ubj/

包含带有事件的Href的按钮

}

2 个答案: