按下按钮启用javascript插件

时间:2012-07-07 10:38:15

标签: javascript

我有一个网页,上面有一个按钮 按下按钮,我打算在页面的head部分嵌入一个脚本以启用插件。我可以手动插入代码片段和我的插件,但我希望能够在按钮单击时自动将其作为我的用户的可选元素。
这是怎么回事?

根据@padde的查询,脚本看起来像我在标题中包含的方式如下:

<script type="text/javascript" src="http://code.abc.com/farfalla.js"></script>
<script type="text/javascript" src="http://code.abc.com/postmessage.js"></script>

2 个答案:

答案 0 :(得分:0)

通常,您只需将脚本放在<head>标记内。然后,从包含的脚本中提取初始化代码,并在单击按钮时运行它。

修改

你也可以试试这个:

HTML

<button id="share-button">Share this</button>

的JavaScript

dynamicCode = 'alert("script loaded");'
scriptLoaded = false;

buttonClicked = function(e) {
    if( !scriptLoaded ) {
        var script = document.createElement('script');
        script.text = dynamicCode;
        document.getElementsByTagName('head')[0].appendChild(script);
        scriptLoaded = true;
    }

    alert("thanks for sharing");
};

button = document.getElementById('share-button');
button.onclick=buttonClicked;

您可以使用Ajax调用或任何您喜欢的方式加载dynamicCode。代码只加载一次。我为你准备了jsfiddle,所以你可以尝试一下。

答案 1 :(得分:0)

使用javascript的createElement()并将其添加到DOM

请查看以下链接以获取更多信息:http://www.hunlock.com/blogs/Howto_Dynamically_Insert_Javascript_And_CSS

如果您使用的是jquery,则可以使用$ .getScript加载外部js文件。

$.getScript('filename.js',function(){
 //your code ...
});