Question

如果我有，

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

然后在此之后的任何脚本都允许您使用jQuery（$）变量。我需要在javascript中模仿这种行为。我需要添加我的脚本文件，

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

将使用javascript加载jquery.js，此标记之后的任何脚本都允许您使用jQuery（$）变量。我没有myscript.js文件旁边的控件。所以我需要确保在允许浏览器运行/执行/渲染下一个标记之前必须加载jquery.js。

Answer 1

你想要实现的目标是不可能的。在动态加载脚本时，您需要使用回调来确保加载这些脚本并仅在这些回调中使用它们。您不能拥有顺序<script>标记，其中一个脚本动态加载一些其他脚本（如jquery）并使后续脚本使用jQuery。浏览器按顺序加载脚本标记并保证它们将以相同的顺序加载，但是一旦开始将动态脚本注入DOM，确保正确加载的唯一方法就是使用回调。有关详细信息，请查看following article。

Answer 2

将它分成两部分应该有效：

的index.html：

<html>
<body>
<script src="myscript.js"></script>
</body>
</html>

myscript.js：

document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>');
document.write('<script src="myprog.js"></script>');

myprog.js：

$(function(){
    alert('jquery ready');
});

模仿浏览器的脚本在Javascript中加载和执行行为

2 个答案: