javascript - 如何在index.html文件中导入脚本的src

Question

当前在我的 index.html 文件中，我有以下脚本行:

<script src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&libraries=places"></script>

是否可以提取 src 变量并将其作为变量导入到脚本中？我尝试使用位于外部 variable.xsl 文件中的 xsl:variable ，如下所示:

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

<xsl:variable name="google" select="API_KEY"></xsl:variable>

</xsl:stylesheet>

然后尝试将其导入我的脚本中，

<xsl:include href="variable.xsl"/>
<script src="{$google}"></script>

但即使 xls:variable 位于同一文件中，脚本源也不起作用。

我想将我的代码推送到公共(public)存储库，这就是我想隐藏 key 的原因。

Answer 1

希望这是您正在寻找的答案，只需使用 JQuery，您就可以动态添加 src 属性

HTML

<script id="googleAPI">

注意我们在脚本元素上设置了一个 id

Javascript

let url = "https://maps.googleapis.com/maps/api/js?key=MY_KEY&libraries=places"
$("#googleAPI").attr("src", url)