在按钮上单击使用“document.createElement('script') 加载的交换 JS 文件

DC Reddish97

我试图让 JS 文件在单击按钮时进行交换。

下面是我正在尝试使用的代码。JS 脚本加载使用 -

const script = document.createElement('script');
script.src = http://localhost:8888/test.js

单击顶部的按钮,我希望能够更改正在加载的 JS 文件。

任何帮助将不胜感激。

const script = document.createElement('script');

const areas = 'http://localhost:8888/test.js';
const places = 'http://localhost:8888/test2.js';

$(".link1").click(function () {
    script.src = areas
});
$(".link2").click(function () {
    script.src = places
});

https://codepen.io/DCReddish97/pen/EJQgyR

雅克布斯

您忘记将“脚本”附加到您的 DOM 中。下面使用 jQuery 的示例(您仍然使用它):

var $script = $('<script>').attr("type", "text/javascript");
const areas = 'http://localhost:8888/test.js';
const places = 'http://localhost:8888/test2.js';

$('head').append($script);

$(".link1").click(function () {
  $script.attr("src", areas);
});
$(".link2").click(function () {
    $script.attr("src", places);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="link1">LINK 1</button>
<button class="link2">LINK 2</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

js文件的加载顺序

来自分类Dev

使用外部JS文件中的Head.js加载资源

来自分类Dev

使用require和node.js加载远程js文件

来自分类Dev

使用requireJS动态加载js文件

来自分类Dev

加载JS文件-直接加载到Document vs DocumentFragment

来自分类Dev

如何知道何时加载由document.createElement('script')添加的脚本

来自分类Dev

使用onclick加载js文件

来自分类Dev

“ document.createElement”性能

来自分类Dev

使用require.js加载控制器js文件

来自分类Dev

如何在按钮上单击加载页面

来自分类Dev

Document.createElement Arity

来自分类Dev

加载JavaScript <script>文件的顺序

来自分类Dev

在JavaScript中,是否可以在<script> </ script>标记中导入JS模块而不加载外部文件?

来自分类Dev

使用Node JS和React js的文件加载问题

来自分类Dev

在按钮上加载新组件单击在ReactJs中?

来自分类Dev

如何在节点js服务器上加载带有<script>标记的html文件?

来自分类Dev

在Action Script 3.0上从TXT文件加载代码

来自分类Dev

在同一HTML文件中使用<script type =“ text / javascript” src =“ js.js”> </ script>和action =“ php.php”

来自分类Dev

js文件的加载顺序

来自分类Dev

使用require和node.js加载远程js文件

来自分类Dev

使用外部JS文件中的Head.js加载资源

来自分类Dev

如何知道何时加载由document.createElement('script')添加的脚本

来自分类Dev

使用onclick加载js文件

来自分类Dev

Javascript-使用createElement东西调用js文件时无法识别功能

来自分类Dev

HTML隐藏标签与JS createElement

来自分类Dev

如何在按钮上单击以重新加载砌体

来自分类Dev

外部Javascript文件(Script.js)在ASP.NET C#后加载表单代码

来自分类Dev

在 JS 上使用 require 语句加载多个文件

来自分类Dev

<script> require('renderer.js') </script> - 不连接js文件

Related 相关文章

  1. 1

    js文件的加载顺序

  2. 2

    使用外部JS文件中的Head.js加载资源

  3. 3

    使用require和node.js加载远程js文件

  4. 4

    使用requireJS动态加载js文件

  5. 5

    加载JS文件-直接加载到Document vs DocumentFragment

  6. 6

    如何知道何时加载由document.createElement('script')添加的脚本

  7. 7

    使用onclick加载js文件

  8. 8

    “ document.createElement”性能

  9. 9

    使用require.js加载控制器js文件

  10. 10

    如何在按钮上单击加载页面

  11. 11

    Document.createElement Arity

  12. 12

    加载JavaScript <script>文件的顺序

  13. 13

    在JavaScript中,是否可以在<script> </ script>标记中导入JS模块而不加载外部文件?

  14. 14

    使用Node JS和React js的文件加载问题

  15. 15

    在按钮上加载新组件单击在ReactJs中?

  16. 16

    如何在节点js服务器上加载带有<script>标记的html文件?

  17. 17

    在Action Script 3.0上从TXT文件加载代码

  18. 18

    在同一HTML文件中使用<script type =“ text / javascript” src =“ js.js”> </ script>和action =“ php.php”

  19. 19

    js文件的加载顺序

  20. 20

    使用require和node.js加载远程js文件

  21. 21

    使用外部JS文件中的Head.js加载资源

  22. 22

    如何知道何时加载由document.createElement('script')添加的脚本

  23. 23

    使用onclick加载js文件

  24. 24

    Javascript-使用createElement东西调用js文件时无法识别功能

  25. 25

    HTML隐藏标签与JS createElement

  26. 26

    如何在按钮上单击以重新加载砌体

  27. 27

    外部Javascript文件(Script.js)在ASP.NET C#后加载表单代码

  28. 28

    在 JS 上使用 require 语句加载多个文件

  29. 29

    <script> require('renderer.js') </script> - 不连接js文件

热门标签

归档