重定向到另一个页面与创建按钮

Reddirecting to another page with created button

本文关键字：创建 按钮 另一个 重定向      更新时间：2023-09-26

我有这段代码。如果条件满足，我创建一个按钮"显示在地图上"。现在我需要在创建的按钮上运行onclick事件，该按钮将用户重定向到新URL上的地图。我试着用"窗口"。函数go_to_map中的Location "，但它不起作用。任何帮助吗?

function coordinates_Conv (d, m, s) {
    return d + m / 60 + s / 3600;
}
function alarm(){
    var lat_d = parseInt(document.getElementsByClassName("lat_deg")[0].value);
    var lat_m = parseInt(document.getElementsByClassName("lat_min")[0].value);
    var lat_s = parseInt(document.getElementsByClassName("lat_sec")[0].value);
    var lon_d = parseInt(document.getElementsByClassName("lon_deg")[0].value);
    var lon_m = parseInt(document.getElementsByClassName("lon_min")[0].value);
    var lon_s = parseInt(document.getElementsByClassName("lon_sec")[0].value);
    if ((coordinates_Conv (lat_d,lat_m,lat_s)<=90) && (coordinates_Conv (lat_d,lat_m,lat_s)>=0) && (coordinates_Conv (lon_d, lon_m, lon_s)<=180) && (coordinates_Conv (lon_d, lon_m, lon_s)>=0)){
    document.getElementById("vypocet").innerHTML= String(Math.round(coordinates_Conv (lat_d,lat_m,lat_s)*1000)/1000) + "<br>" + String(Math.round(coordinates_Conv (lon_d, lon_m, lon_s)*1000)/1000);
    var show_map = document.createElement("button","map");
    show_map.setAttribute("id","map");
    show_map.setAttribute("onclick", go_to_map);
    show_map.innerHTML = "Show on map";
    document.body.appendChild(show_map);
    }
    else {
        alert("Invalid input");
    }
}
function go_to_map(){
    var targetMap = "https://www.mapurl.com/"
    window.location=targetMap;
}

您的onclick处理程序从一开始就不会被调用。

要正确设置处理程序，请直接设置元素的onclick:

show_map.onclick = go_to_map;

需要将show_map.setAttribute("onclick", go_to_map);替换为show_map.onclick = go_to_map;。这是因为onclick是event而不是attribute。

相关文章：