jquery使用脚本更改脚本的SRC

javascript jquery change src of a script using a script

本文关键字:脚本 SRC jquery      更新时间:2023-09-26

我有一个javascript脚本。它有一个src元素。这个src是一个url,我想用javascript来改变它,只是一次到别的东西,或者动态地创建它。

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

:

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

我想使用javascript/jquery将上面的url更改为不同的url。

一个纯JavaScript的方式注入一个脚本标签(在标签的底部)。

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

你标记了jQuery,所以它真的很简单,使用getScript:

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

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

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

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

我建议这样写:

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