Question

我有一个HTML网站，主要吸引来自4-5个国家/地区的访问者。我为所有国家/地区设置了不同的联系号码，并在某个地方显示所有联系号码，使其变得杂乱无章。有什么方法可以根据网站访问者的地理位置显示单个联系号码吗？

提前致谢

Answer 1

您可以使用http://ipinfo.io/通过IP地址识别国家/地区。这需要jQuery，看起来基本上是这样的：

<html>
    <head>
        <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
        <script>
            $.get("http://ipinfo.io", function(response) {
                if(response.country == "US"){
                    document.getElementById("phone").innerHTML = "You are in US";
                }else if(response.country == "GB") {
                    document.getElementById("phone").innerHTML = "You are in GB";
                }
            }, "jsonp");
        </script>
    </head>
    <body>      
        <p id="phone">Hello World!</p>
    </body>
</html>

我们从http://ipinfo.io/调用API并以回调方式接收国家/地区。在这个回调方法中，我们现在可以更改HTML元素的值。

使用HTML网站上的地理位置更改联系号码

1 个答案: