如何在 html 中访问.js函数

How to access .js function in html?

本文关键字：访问 js 函数 html      更新时间：2023-09-26

我在javascript方面的经验非常缺乏。仅这一个问题就可以解决我目前大约 90% 的问题！

所以这里我有一个显示的地图，并且在.js文件中已经放置了一个标记 langlat，我需要的是能够通过 php 添加标记，所以我假设我必须传递一个数组 foreach 并运行脚本来添加每个标记。但是访问该功能似乎是我的主要问题。

<div class="col-md-6">
    <div class="content-wrap" id="map">
        <div class="wrapper" >
        </div>
    </div>
</div>

<script src="js/maps.js"></script>
<script src="plugins/gmaps.js"></script>

地图.js

var googlemap = function () {
    var map;
    return {
        init: function () {
            map = new GMaps({
                div: "#map",
                lat: ***,
                lng: ***
            });
            map.addMarker({
                lat: ***,
                lng: ***,
                title: "Marker with InfoWindow",
                infoWindow: {
                    content: "<p>***</p>"
                }
            });
        }
    };
}();
$(function () {
    "use strict";
    googlemap.init();
});

如何访问.php文件中的功能？

另请注意，.js 函数中的当前地图标记工作正常。

你不能用 PHP 脚本访问.js文件，除非你想做一些沉重的丑陋函数来重写每次加载的文件。

改为在 html 文件中使其成为内联脚本。

取代：

<script src="js/maps.js"></script>

跟：

<script type="text/javascript">
var googlemap = function () {
    var map;
    return {
        init: function () {
            map = new GMaps({
                div: "#map",
                lat: <?php echo $lat; ?>,
                lng: <?php echo $lon; ?>
            });
            map.addMarker({
                lat: <?php echo $lat; ?>,
                lng: <?php echo $lon; ?>,
                title: "Marker with InfoWindow",
                infoWindow: {
                    content: "<p>***</p>"
                }
            });
        }
    };
}();
$(function () {
    "use strict";
    googlemap.init();
});
</script>
我认为

你应该使用ajax从服务器获取你需要的东西。返回一个对象并使用返回的数据。

相关文章：