Question

我想在html文档中加载javascript文件。我需要用bbutton来做。我有两个文件＆＃34; index.html＆＃34;和＆＃34; testing.js＆＃34;
我必须加载整个js文件。怎么可能这样呢？

Answer 1

如果您在页面中加载了jquery，请写下：

  $.getScript("testing.js");

如果没有，请写下一个：

var scriptTag = document.createElement('script');
scriptTag.setAttribute('src','testing.js');
document.head.appendChild(scriptTag)

Answer 2

我不知道HTML的结构，但你可以这样做：

＆＃13;

var button = document.getElementsByTagName('button')[0],
    script = document.getElementsByTagName('script')[0];
    
button.addEventListener('click', handler, false);

function handler() {
  script.src = 'testing.js';
  console.log(script);
}

＆＃13;

<button>OK</button>
<script src=""></script>

＆＃13;

Answer 3

替代（非jQuery）：

document.getElementsByTagName('body')[0].innerHTML += "<script src='testing.js'></script>";

document.getElementsByTagName('body')获取 body 标记的元素数组。 [0]选择该数组的第一个（也是唯一的）元素。

接下来，.innerHTML访问元素内的代码（即我们这里唯一的body标记），+=在HTML已经存在之后添加字符串（"<script src='testing.js'></script>"）。然后加载脚本。

总体：

<html>
    <head>
        <script>
            function loadScript()  {
                document.getElementsByTagName('body')[0].innerHTML += "<script src='testing.js'></script>";
            }
        </script>
    </head>
    <body>
        <button onclick='loadScript()'></button>
    </body>
</html>

如何使用按钮在html中加载.js文件

3 个答案: