javascript - 在 HTML 中动态附加 Jquery

Question

我是 jquery 新手。我正在尝试将 Jquery 附加到 java 的 HTML 页面中。为了包含 jquery.js 文件，我编写了以下代码:

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

然后我附加了以下 js+jquery 代码

"var script2 = document.createElement('script'); window.onload = function() {" +
"$(document).ready(function() {" +
"$(\"#identity\").hide();});};" +
"script2.type = 'text/javascript'; " +
"document.getElementsByTagName('head')[0].appendChild(script2);";

所以基本上我想写这个:

var script = document.createElement('script');
script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'; 
script.type = 'text/javascript'; 
document.getElementsByTagName('head')[0].appendChild(script);
var script2 = document.createElement('script');
 window.onload = function() {
   $(document).ready(function() {
      $("#identity").hide();
   });
  };
script2.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script2);

我想做的是在窗口加载后我想要我的函数。不知何故，单独编写 $(document).ready(function() { 是行不通的。我收到 $ 未定义的错误(看起来 jquery.js 尚未准备好)。

为了避免这个问题，我使用了window.onload = function() {。但现在我收到错误:$(document).ready 不是函数。我真的很困惑如何写这个东西。这是正确的方法吗？非常感谢任何帮助/指导。

[编辑]

请注意，以下代码(没有 jquery)工作正常:

window.onload = function() {
document.getElementById('identity').style.visibility='hidden';
};

[编辑]

实际上，我正在制作一个网络代理，我在其中下载页面并为它们提供自定义外观和字段。这些页面不包含任何 jquery 文件，我也不能包含或编写 HTML。我只能使用java等动态添加我的Js。

Answer 1

下面是一些代码，展示了如何动态加载脚本文件并延迟调用 $(document).ready 直到加载该文件:

http://jqfaq.com/how-to-load-java-script-files-dynamically/