Question

<!DOCTYPE html>
<html>

    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <title>Google Maps JavaScript API v3 Example: Reverse Geocoding</title>
        <link
        href="https://developers.google.com/maps/documentation/javascript/examples/default.css"
        rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
            var geocoder;

            var variablejs;

            geocoder = new google.maps.Geocoder();

            var input = "41.021355,-96.020508";
            var latlngStr = input.split(",", 2);
            var lat = parseFloat(latlngStr[0]);
            var lng = parseFloat(latlngStr[1]);
            var latlng = new google.maps.LatLng(lat, lng);

            geocoder.geocode({
                'latLng': latlng
            }, function (results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    if (results[0]) {
                        variablejs = results[0].formatted_address; * * //document.write(variablejs); Not working**
                        *
                        //window.location.href = "http://localhost/test2.php?ad="+ variablejs; Working*
                    } else {
                        alert("No results found");
                    }
                } else {
                    alert("Geocoder failed due to: " + status);
                }
            }); * * document.write(variablejs); * * //writes undefined variable (not working)
        </script>
    </head>

    <body></body>

</html>

部分（ // document.write（variablejs）; Not working ），不会写变量“variablejs”，但是当我使用方法时（ // window。 location.href =“http：//localhost/test2.php？ad =”+ variablejs; Working ），它将写入url并转发将变量作为参数传递的页面。我想要做的是在同一个HTML的主体中打印该变量。我试图首先初始化变量然后写入Body但看起来这个部分不像全局变量那样可以访问。请帮忙。

Answer 1

加载文档后，如果不覆盖所有内容，则无法使用document.write。您将需要操纵DOM，例如document.body.innerText=variablejs;。但我建议

var d = document.createElement("div");
d.appendChild(document.createTextNode(variablejs));
document.body.appendChild(d);

Answer 2

您要将值传递给您传递给geocoder.geocode（）的回调函数中的variablejs。这意味着您在调用回调之前尝试访问和编写它，因此您将看不到任何值集。

使用Firebug或类似方法进行调试将有助于这些情况。

你也不能在加载文档后使用docuemnt.write，你需要做一些DOM操作。

在HTML Body上编写JavaScript变量

2 个答案: