Question

我想使用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 -->

Answer 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进行测试。

Answer 2

解决方案是只将代码添加到页面中：

<!-- 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 -->

为什么要用JavaScript把它放在那里？只需将其添加到页面即可。您可能需要使用循环调整一下：

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

Answer 3

您应该只是执行代码，不需要构建字符串。最后，你要做的就是运行代码！只需执行它。

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]);
}

Answer 4

我不知道你为什么要那样做。但如果你真的想，这是一种你可以尝试的方式。

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

OR

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

将console.log（'blah'）替换为您的代码

请注意，假设您使用的是 JQuery。

如果没有，您仍然可以使用Native Javascript来做类似的事情。只需搜索创建一个元素并使用vanila javascript将其添加到另一个元素，您将获得有关谷歌的大量信息。

虽然，正如 epascarello 所说，做这件事并不是一个好主意。它基本上是代码味道，你可以改进你的代码。

希望这有帮助。

如何使用javascript添加脚本代码？

4 个答案: