Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/string/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript:从拆分字符串url加载多个图像_Javascript_String_Image_Split - Fatal编程技术网

Javascript:从拆分字符串url加载多个图像

Javascript:从拆分字符串url加载多个图像,javascript,string,image,split,Javascript,String,Image,Split,我已经做的是,当用户写入一些文本时,脚本将其添加到UTL并在文本输入框下加载一张图片 我想做的更多的是能够按空格分割输入文本(例如,A1369 A2453应该分为两个变量A1369和A2453),并使用这两个变量加载输入框下方的所有图片 字符串长度必须是无限的 我已经阅读并试图理解javascript拆分函数,但使用它还没有成功 我现在拥有的代码如下: <script type="text/javascript"> document.getElementById('btn')

我已经做的是,当用户写入一些文本时,脚本将其添加到UTL并在文本输入框下加载一张图片

我想做的更多的是能够按空格分割输入文本(例如,
A1369 A2453
应该分为两个变量
A1369
A2453
),并使用这两个变量加载输入框下方的所有图片

字符串长度必须是无限的

我已经阅读并试图理解javascript拆分函数,但使用它还没有成功

我现在拥有的代码如下:

<script type="text/javascript">
    document.getElementById('btn').onclick = function() {
        var val = document.getElementById('imagename').value,
            src = 'http://s7ondemand6.scene7.com/is/image/MothercareASE/l' + val.toLowerCase() +'_1?&$dw_large_mc$&wid=1059&hei=1272',
            img = document.createElement('img');

        img.src = src;
parentElement.insertBefore(img, parentElement.firstChild);
    }
</script>

document.getElementById('btn')。onclick=function(){
var val=document.getElementById('imagename')。值,
src='1〕http://s7ondemand6.scene7.com/is/image/MothercareASE/l“+val.toLowerCase()+”“1”和$dw\u large\u mc$&wid=1059&hei=1272”,
img=document.createElement('img');
img.src=src;
parentElement.insertBefore(img,parentElement.firstChild);
}

如何使用
String.prototype.split
函数添加拼接?

问题的核心很简单。必须使用创建字符串数组的
val.split(“”
)。然后可以执行循环并为每个子字符串创建图像:

var values = val.split(" ");
for(var i=0, l=values.length; i<l; i++) {
   var url = 'http://s7ondemand6.scene7.com/is/image/MothercareASE/l' + values[i].toLowerCase() +'_1?&$dw_large_mc$&wid=1059&hei=1272';
   ... javascript to show image belongs here ...
}

单击以显示。

可能重复,非常感谢!工作非常完美,我知道如何将字符串拆分为变量。