动态添加JavaScript代码

我的javascript代码动态添加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>

来源

2012-09-12 VibhaJ

错误，你怎么打电话......多一些具体的PLZ :) – swapnesh

'$ .getScript'正是你在找的东西。您能否提供一个您尝试使用它的例子？ –

@GuillaumePoussel请检查更新的代码。 – VibhaJ

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

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

来源

2012-09-12 12:26:08

使用'head'而不是'header';） –

Thx @GuillaumePoussel，我的错误;） –

不工作，它就像是当我们在我们的网站上添加这样一个脚本时输出一些东西的广告js脚本。 – VibhaJ

动态添加JavaScript代码

回答

相关问题