0

我有一个网页，上面有一个按钮。
按下按钮时，我打算在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>
4

2 回答 2

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;

​</p>

您可以在其中加载dynamicCodeAjax 调用或任何您喜欢的内容。代码只加载一次。我已经为你整理了一个jsfiddle，所以你可以尝试一下。

于 2012-07-07T10:41:34.737 回答
0

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

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

如果您使用的是 jquery，那么您可以使用 $.getScript 来加载外部 js 文件。

$.getScript('filename.js',function(){
 //your code ...
});
于 2012-07-07T10:48:23.617 回答