0

次のコードがあります。他のすべてがロードされた後にコンテンツをロードしたい。しかし、 javascriptではなくhtmlしかロードできないようです：

 $(document).ready(function () {
  $("#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><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ハンドラーを使用することでしたが、すべてのページがロードされた後にロードする必要があります。

4

3 に答える 3

1 
$(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>");
});
于 2012-07-22T09:26:38.243 に答える
1

おそらく、動的な方法で JavaScript をロードして実行するには、 JQuery の getScript関数を使用する必要があります。

于 2012-07-22T09:31:02.987 に答える
1

必要なすべての JavaScript を読み込むことができます。間に:

$(document).ready(function(){

});

任意の JavaScript を記述できます。jQuery または jQuery 以外の JavaScript コードを使用できます。例：

$(document).ready(function(){
    alert("Document is now ready");
});
于 2012-07-22T09:12:30.810 に答える