javascript - 通过脚本文件添加 jquery 脚本

Question

我有在任何 HTML 页面中创建 div 和动画 div 的脚本 (myscript.js)。我的脚本正在使用 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

要确保在加载jQuerymyscript.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.