如何在方形空间中动态更新<script src=>中的'src'

Question

我正试图将url参数抓取到Squarespace中的Zoho表单上，用于谷歌跟踪目的。我制作了一个自定义函数来获取参数并将其添加到url中。最后的警报只是为了表明它的设置是正确的。但是我无法添加带有变量"site"的表单。

<script type="text/javascript"> 
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
});
return vars;
}
var campaign = getUrlVars()["campaign"];
var site = "https://forms.zohopublic.com/....wj7Q?campaign="+campaign;
var scriptElement = document.createElement('script');
scriptElement.type = "text/javascript";
scriptElement.src = site;
scriptElement.id = "ZFScript";
document.head.appendChild(scriptElement);
alert(decodeURI(campaign));
alert(site);
alert(scriptElement.src);
alert(scriptElement.type);
alert(scriptElement.id);
</script>

所以最后我只需要运行

<script type="text/javascript" src=site id="ZFScript"></script>

但是，我无法用src等于site变量来编写新的脚本。

Answer 1

如果你只使用javascript，你几乎得到了@Julesezaar评论，我用这样的东西来补充它：

document.getElementById('ZFScript').setAttribute('src',site);

你完了。