动态添加javascript代码 - Dynamically add javascript code

Dynamically add javascript code

本文关键字：代码 javascript 添加动态 | 更新日期: 2023-09-27

我有一些第三方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>

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

我想使用jQuery。这种方式将根据需要加载外部Javascript。