如何通过从用户输入中获取用户值来动态更改脚本 src？答案

【问题标题】：How to dynamically change the script src by taking user value from user input?如何通过从用户输入中获取用户值来动态更改脚本 src？
【发布时间】：2021-07-15 09:29:34
【问题描述】：

我正在尝试动态更改

<input type="text" id="text" />
<input type="button" id="btn" value="Submit" onClick="javascript: window.open('http://www.mywebsite.com/print/' + document.getElementById('text').value);" />


<script src="//script.ashx?company=InputValue" async></script>

【问题讨论】：

标签： javascript input dynamic

【解决方案1】：

第一个示例更改了脚本元素的 src 属性。第二个例子是插入一个新的脚本元素。我不知道哪种方法最适合您。

第一个例子：

document.forms.test.addEventListener('submit', e => {
  e.preventDefault();
  var new_script = e.target.script.value;
  var script_elm = document.scripts.customscript;
  script_elm.src = `/script.ashx?company=${new_script}`;
  console.log(script_elm);
});

<form name="test">
  <input name="script" type="text" />
  <button>Add script</button>
</form>
<script name="customscript" async></script>

第二个例子：

document.forms.test.addEventListener('submit', e => {
  e.preventDefault();
  var script_elm = document.createElement('script');
  script_elm.async = true;
  script_elm.innerText = 'function testing(){alert("testing")};';
  document.body.append(script_elm);
  testing();
});

<form name="test">
<button>Add script</button>
</form>

【讨论】：

是的，这就是我要找的东西，在我的例子中，我需要的是第一个例子，谢谢@chrwahl