JavaScript jQuery使用脚本更改脚本的源。

Question

我有一个 JavaScript 脚本，它有一个 src 元素。这个 src 是一个 URL，并且我想使用 JavaScript 将其仅一次更改为其他内容，或者动态创建它。

使用 JavaScript/jQuery 动态创建脚本元素的最佳方法是什么？

我有以下代码:

<script type="text/javascript" src="http://www.google.com"></script>

我想使用javascript/jquery将上面的url更改为另一个url。

- David19801

---

不要更改源代码，只需添加新脚本。 - zzzzBov

Answer 1

一种在纯JavaScript中向页面底部注入脚本标签的方法（即在标签之前）。

document.body.appendChild(document.createElement('script')).src='http://myjs.com/js.js';

- Gazler

---

如果我有另一个依赖于'http://myjs.com/js.js'的js文件，怎么避免未定义的情况？ - candlejack

Answer 2

您标记了jQuery，因此只需使用getScript即可：

$.getScript(src, function () {
  console.log('script is loaded');
});

- zzzzBov

Answer 3

jQuery解决方案：动态注入JavaScript文件。

$('<script>').attr({
    src: 'www.google.com',
    type: 'text/javascript'}).appendTo('body')

这将创建一个新的脚本标签，其中源指向www.google.com，并将其附加到body标记。

- arb

---

你缺少一个 ) 。应该是 $('<script>').attr({ src: 'www.google.com', type: 'text/javascript'}).appendTo('body')。 - Adam

Answer 4

我建议使用类似这样的代码：

var head = document.getElementsByTagName('head')[0];
var newScript = document.createElement('script');
newScript.src = 'http://path.to/script.js';
newScript.type = 'text/javascript';
head.parentNode.appendChild(newScript);

- David Thomas