我的 HTML 中有一個 src 標簽，其中包含一個私有 API 密鑰。我不想在 HTML 中使用密鑰，所以我創建了一個 config.js 檔案，以便我可以從那里參考它。
<script src="main.js"></script>
<script src="config.js"></script>
var token = '12345'
后來，我必須在 URL 中參考 key 并嘗試這樣做：
<script async defer
src=`https://maps.googleapis.com/maps/api/js?key=${token}&callback=initMap`>
</script>
URL 帶有紅色下劃線，但沒有顯示錯誤訊息。我想知道我將如何去做這件事。謝謝！
uj5u.com熱心網友回復：
<script>獲得令牌后，在 JavaScript 中動態構建標記。
const script = document.body.appendChild(document.createElement('script'));
script.src = `https://maps.googleapis.com/maps/api/js?key=${token}&callback=initMap`;
uj5u.com熱心網友回復：
在 javascript 中創建一個 html 元素并將其附加到頭部 Index.html：
<script defer src="scriptTagConfig.js"></script>
scriptTagConfig.js：
//Create element
const apiScriptTag = document.createElement("script")
//Set src attribute
apiScriptTag.setAttribute("src",`https://maps.googleapis.com/maps/api/js?key=${token}&callback=initMap`)
//Append to DOM
document.head.appendChild(apiScriptTag)
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/383838.html
標籤：javascript html 网址 源文件