0

ボタンがあるWebページがあります。ボタンを押すと、ページのセクションにスクリプトを埋め込んでプラグインを有効にする
つもりです。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

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 に答える
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呼び出しなどでロードする場所。コードは 1 回だけ読み込まれます。jsfiddleを用意しましたので、試してみてください。

于 2012-07-07T10:41:34.737 に答える