在单独的HTML文件中使用Javascript函数

时间:2018-08-30 05:05:12

标签: javascript html parameter-passing ejs

我知道这似乎是一个愚蠢的问题,但是即使通过我浏览过的所有示例,我也无法解决它。 我的Javascript文件中有以下代码

server.js

  // Google Maps Locaton 
  googleMapsClient.geocode({
    address: city
  }, function(err, response) {
    if (!err) {
      basicLocation = response.json.results[0].formatted_address;
      console.log(basicLocation);
    }
  });

});

function getBasicLocation() {   // Able to grab location from index.ejs file 
  return basicLocation;
}

在我的HTML中,我尝试随着位置的变化而更新文本。我的html代码看起来像这样

index.ejs

<script src="../server.js">
    </script>
      <h3>
        <script> getBasicLocation() </script> Location
      </h3>

在目录中设置文件的方式就像

- app 
   - views 
     - index.ejs
   - server.js

如何获取getBasicLocation()与index.ejs文件对话,以便它更新文本?

1 个答案:

答案 0 :(得分:0)

以下步骤应该有效-

  1. 导入server.js-您正在执行此操作
  2. 在要定位的位置创建HTML节点 例如div id =“ location”
  3. 使用以下内容创建脚本标签

            let lc = getBasicLocation();
    document.getElementById("location").innerHTML = lc;
    

JQuery可以进一步简化您的节点选择代码