在按钮上启用javascript插件

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

按@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>

来源

2012-07-07 user1372448

如果您可以将脚本包含到您的问题中，这将有所帮助。然后，我可以给出更准确的答案。 – 2012-07-07 10:42:29

通常情况下，你会简单地把脚本<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，所以你可以试试看。 Javascript的

来源

2012-07-07 10:41:34

这一点是不同的。我试图将此作为第三方“分享”来构建，就像按钮一样，它可以放置在任何网站上并开始工作。要求每个选择这个脚本的网站将脚本添加到他们的页面并保留一个按钮来初始化代码，这将是一件麻烦事。 – user1372448 2012-07-07 10:44:35

不要分配给脚本元素的innerHTML（脚本元素没有任何内部标记）。分配给文本属性。 – RobG 2012-07-07 11:15:45

@RobG：谢谢，修正。这会导致什么问题？ – 2012-07-07 11:22:34

使用的createElement（），并把它添加到DOM

检查下面的链接了解更多信息：http://www.hunlock.com/blogs/Howto_Dynamically_Insert_Javascript_And_CSS

如果您正在使用jQuery，那么你可以使用$ .getScript加载外部JS文件。

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

来源

2012-07-07 10:48:23

在按钮上启用javascript插件

回答

相关问题