Question

我有脚本（myscript.js），可以在任何HTML页面中创建div和animate div。我的脚本使用的是Jquery动画函数

我目前正在使用以下代码（它的示例代码段）

<script src="jquery.js"><script>
<script src="myscript.js"><script>

但这是否可以仅使用下面的代码来自动添加JQuery库？

<script src="myscript.js"><script>

Answer 1

将其插入myscript.js

之上

var h=document.getElementsByTagName('head')[0];
var s=document.createElement('script');
s.type='text/javascript';
s.src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js';
h.appendChild(s);

但是你必须等到使用waitforload函数加载脚本

function w4l(){
    if (typeof jQuery != "function"){
        setTimeout("w4l()", 1000);
        return;
    }else{
        //Do Jquery thing
    }
}
w4l();

或者只是简单地将所有jquery.js代码文件复制到myscript.js中，将AKA合并2文件合并为一个

Answer 2

要确保在加载 jQuery 之前未执行剩余的myscript.js，请使用以下内容：

function dostuff() {
    //animate elements, etc.
}
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'jquery.js';
script.onreadystatechange = dostuff;
script.onload = dostuff;
head.appendChild(script);

注意：有点不清楚为什么你不想在head中明确添加 jQuery 部分。

通过脚本文件添加jquery脚本

2 个答案: