Question

我有一个javascript脚本。它有一个src元素。这个src是一个网址，我想使用javascript更改它，只需一次更改，或动态创建。

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

我有：

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

我想使用javascript / jquery将上面的url更改为其他网址。

Answer 1

注入脚本标记的纯JavaScript方法（位于标记的底部）。

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

Answer 2

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

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

这将创建一个新的脚本标记，其源代码指向www.google.com并将其附加到正文标记。

Answer 3

你标记了jQuery，所以它就像使用getScript一样简单：

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

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);

javascript jquery使用脚本更改脚本的src

4 个答案: