Question

我有一些第三方javascript代码

<SCRIPT language="JavaScript" SRC="http://some-videos.com/addbutton.cfm?ID=20415454598212"></SCRIPT>

当在html文件中添加此代码时，它会显示一个播放按钮，现在我希望如果用户单击任何按钮，则应调用一个函数，该函数将加载此js代码。我尝试过.load，.getScript，.ajax，但没有任何工作。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
    <script language="javascript">
    function loadVideo()
    {
       $('#videoButton').load("http://some-videos.com/addbutton.cfm?ID=20415454598212");
    }
    </script>
    </head>

    <body>
    <div id="videoButton"></div>
    <input type="button" value="Load Video Button" onclick="loadVideo();" />
    <br /><br />
    Below code shows one play button, that is generated through included javascript file.
    <SCRIPT language="JavaScript" SRC="http://some-videos.com/addbutton.cfm?ID=20415454598212"></SCRIPT>
    <!-- I have added dummy Url -->
    </body>
    </html>

Answer 1

function myFunction()
{
    $('head').append($('<script type="text/javascript" src="http://some-videos.com/addbutton.cfm?ID=20415454598212"></script>'));    
}

我想使用jQuery。这种方式将是按需加载的外部Javascript。

动态添加javascript代码

1 个答案: