javascript - 我可以更改脚本 src 并让 javascript 运行新代码吗？

Question

我有一个页面，实际上是一个演示文稿，很像 powerpoint。这是一个无限循环，它使用 ajax 进行 self 更新，以下载自上次以来的新演示文稿内容。

现在，当用户决定更改幻灯片中的过渡效果时，以下行将发生更改。

<script id='transition' type='text/javascript' src='transitions/script/slide_off_to_right_fade.js'></script> 

但是，即使我将整个标签替换为例如

<script id='transition' type='text/javascript' src='transitions/script/fade_in_out.js'></script> 

它仍然执行与文档最初加载时相同的操作。

是否有特殊的函数/方法可以调用来实现此目的？非常感谢。

诗。跟踪幻灯片数量和每张幻灯片停留时间的数组也存在同样的问题 - 我更新了函数中的时间并运行该函数，但就好像我从未改变过任何事情......更多关于在另一篇文章中...

Answer 1

您可以动态创建脚本元素并将其插入到 DOM 中。如果您不使用 jQuery，则可以在纯 Javascript 中执行此操作，如下所示:

  var ref    = document.getElementsByTagName('script')[0],
      script = document.createElement('script');
  script.setAttribute('type', 'text/javascript');
  script.setAttribute('src',  'transitions/script/fade_in_out.js');
  script.setAttribute('id',   'newTransition');
  ref.parentNode.insertBefore(script, ref);