0

JavaScript を使用してスクリプト タグを追加したいのですが、うまくいきません。以下はコードです。このコードを bigcommerce カート ページに追加したいと思います。

    var duration = document.getElementsByName("cartdata");
    var cartstr = '<!-- MyBuys Page Parameters – Place in <body> element -->';
    cartstr += '<script type="text/javascript">';
    cartstr += 'mybuys.setPageType("SHOPPING_CART");';
    cartstr += 'mybuys.set("email","consumer@example.com"); <!--consumer email can be blank if not known-->';
    cartstr += 'mybuys.set("amount","99.34");';

    for (var i = 0; i < duration.length; i++) {
        str = duration[i].value;
        var n = str.split('|');
        cartstr += 'mybuys.addCartItemQtySubtotal("'+n[0]+'","'+n[1]+'","'+n[2]+'");'+'<br>';
    }

    cartstr += '</script>';
    cartstr += '<!-- End MyBuys Page Parameters -->';

    //alert(cartstr);

    var script   = document.createElement("script");
    script.type  = "text/javascript";
    script.text  = cartstr;           // use this for inline script
    document.body.appendChild(script);

以下のコードをページに追加したい:

<!-- MyBuys Page Parameters – Place in <body> element -->
<script type="text/javascript">
mybuys.setPageType("SHOPPING_CART");
mybuys.set("email","consumer@example.com"); <!--consumer email can be blank if not known-->
mybuys.set("amount","99.34");
mybuys.addCartItemQtySubtotal("12345","1","54.34");
mybuys.addCartItemQtySubtotal("56789","3","45.00");
</script>
<!-- End MyBuys Page Parameters -->
4

4 に答える 4

1

これは、JavaScript を動的に追加する方法を示しています。

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript">
        var optionalFunctionLoaded = false;
        var commonFunction = function() {
            console.log("test button clicked " + (new Date()).toLocaleString());
            if (!optionalFunctionLoaded) {
                // get optionalSrc e.g. via AJAX, eventually providing actual input values
                var optionalSrc = 'function optFun(){console.log("optional function");}';
                // if optionalSrc is not empty 
                var script = document.createElement("script");
                script.innerHTML = optionalSrc;
                document.head.appendChild(script);
                optionalFunctionLoaded = true;
            }
            if(optionalFunctionLoaded) optFun();
        }
    </script>
</head>
<body>
    <button id ="testButton">test</button>
    <script type="text/javascript">
        document.getElementById("testButton").onclick = commonFunction;
    </script>
</body>
</html>

Firefox 24.0 / Linux でテスト済み。

于 2013-10-23T13:18:19.517 に答える
0

コードを実行するだけでよいので、文字列を作成する必要はありません。結局、あなたがやろうとしていることは、コードを実行することと同じことです! 実行するだけです。

mybuys.setPageType("SHOPPING_CART");
mybuys.set("email","consumer@example.com");
mybuys.set("amount","99.34");

for (var i = 0; i < duration.length; i++) {
    str = duration[i].value;
    var n = str.split('|');
    mybuys.addCartItemQtySubtotal(n[0],n[1],n[2]);
}
于 2013-10-23T12:28:09.463 に答える
0

どうしてそんなことをしたいのかわからない。しかし、どうしてもやりたい場合は、次の方法を試すことができます。

$('body').append("console.log('blah');")

また

$('body').html($('body').html()+"console.log('blah');")

console.log('blah') をコードに置き換えます

これは、JQuery を使用していると仮定していることに注意してください。

そうでない場合でも、ネイティブ Javascript を使用して同様のことを行うことができます。要素を作成し、vanila javascript を使用して別の要素に追加することを検索するだけで、Google で多くの情報が得られます。

ただし、エパスカレロが言うように、これを行うのは良い考えではありません。それは基本的にコードの匂いであり、コードを改善できます。

お役に立てれば。

于 2013-10-23T12:38:31.773 に答える