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