Question

我有以下代码。我希望在加载所有内容之后加载内容。但似乎我只能加载 html 而不是 javascript ：

$(document).ready(function () { $("#twitter_left").html("<p><img align='left' alt='Twitter Bird' src='/sites/all/themes/helixTheme/images/twitter-bird.png' /><strong>  Follow Us On Twitter</strong></p><p> </p><p><script charset='utf-8' src='http://widgets.twimg.com/j/2/widget.js'></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 7,interval: 30000,width: 'auto',height: 800,theme: {shell: {background: '#dbe5ff',color: '#333333'},tweets: {background: '#ffffff',color: '#999999',links: '#f26422'}},features: {scrollbar: false,loop: true,live: false,behavior: 'default'}}).render().setUser('helixwebsites').start();</script></p>");});

所以我的下一个计划是将内容放在html文件中并使用.load处理程序，但我仍然希望在所有页面都加载后加载。

Answer 1

您可以加载所需的所有JavaScript。介于：

之间

$(document).ready(function(){

});

你可以写任何你想要的JavaScript。它可以是jQuery或非jQuery javascript代码。例如：

$(document).ready(function(){
    alert("Document is now ready");
});

Answer 2

$(document).ready(function () {
  $("body").append("<h1>insert html dynamically</h1>");

  var script = document.createElement('script');
  script.type = 'text/javascript';
  var code = "alert('insert script dynamically');";
  $(script).append(code);
  $("body").append(script);

  var script2 = document.createElement('script');
  script2.type = 'text/javascript';
  script2.src = 'path/your/javascript.js';
  $("body").append(script2);

});

你的代码中的

：

$("#twitter_left").html("<p><img align='left' alt='Twitter Bird' src='/sites/all/themes/helixTheme/images/twitter-bird.png' /><strong>&nbsp;&nbsp;Follow Us On Twitter</strong></p><p>&nbsp;</p>");
$("#twitter_left").append(script2);

在新窗口中加载javascript：

$(document).ready(function () {
  var newPage = window.open('', '_blank');
  newPage.document.write("<h1>insert html dynamically</h1>");
  newPage.document.write("<script>alert(1)</" + "script>");
});

Answer 3

可能您应该使用JQuery getScript函数以动态方式加载JavaScript然后运行它。

.ready以html加载

3 个答案: