如何将外部javascript文件注入div

时间:2012-08-15 10:59:57

标签: javascript jquery

如何将外部javascript文件注入div。当我尝试使用下面的代码设置它时,div'toupdate'不会使用新的javascript文件更新。

<script type="text/javascript">

$(document).ready(function () {
      $('#toupdate').html('<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5968383.js"></script>');
});

</script>

    <body>
    <div id="toupdate">
    <script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6343621.js"></script>
    </div>

    </body>

2 个答案:

答案 0 :(得分:1)

您可以使用$ .getScript(“URL”)函数 definition

答案 1 :(得分:1)

您的替换代码在div'enpdate'加载之前正在执行,您需要将<script>标记移到div之后,或者将替换代码放在$(document).ready()函数中,如下所示:

$(document).ready(function () {
  $('#toupdate').html('<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5968383.js"></script>');
});

编辑:

测试和工作示例:

$(document).ready(function() {
    $('#toupdate').children('script').attr('src', 'http://static.polldaddy.com/p/5968383.js');
});​

JSfiddle:http://jsfiddle.net/m7q3H/45/