Question

我正在尝试创建一个页面，用户可以在其中输入网址和一些文本（如图片标题），当他们点击按钮时，网址和文本将被添加到空数组中（可以通过一个不同的脚本并发布在页面上）。我的问题是如何为此编写函数和/或数组？以下代码中的内容是错误的，我该怎么做才能修复它？谢谢！

<script>           
        var annotatedImageArray = new Array();

        var imageInput = document.getElementById("imageInput");
        var image = imageInput.value;
        var captionInput = document.getElementById("captionInput");
        var caption1 = captionInput.value;
        annotatedImageArray.push({url:image, caption:caption1});
 </script>

<body>
  <input type="text" size="30" id="imageInput" placeholder="Enter URL">
  <input type="text" size="30" id="captionInput" placeholder="Enter Caption">
  <input type="button" value="Add Image" onclick=""/>
</body>

Answer 1

你可以尝试这样的事情：
（你可以在这里玩它：http://jsfiddle.net/marcelow/NdAkz/）

<script>
    (function(window) {
        window['annotatedImageArray'] = [];
        window['addImage'] = function() {
            var imageInput = document.getElementById("imageInput");
            var image = imageInput.value;
            var captionInput = document.getElementById("captionInput");
            var caption1 = captionInput.value;
            annotatedImageArray.push({url:image, caption:caption1});
        }
    })(window);
</script>
<body>
  <input type="text" size="30" id="imageInput" placeholder="Enter URL">
  <input type="text" size="30" id="captionInput" placeholder="Enter Caption">
  <input type="button" value="Add Image" onclick="addImage();"/>
</body>

如何向数组添加新实例？

1 个答案: