为”Little fox is learning”写皮肤的时候, 在widget title文字竖排的问题上还真的是耗费了很多精神在里面.

其实, 网路上有很多老师讲解关于如何对文字进行竖排版的方法, 但是, 大部分是针对于中文, 为了解决古代诗词排版的难题, 可是, 对英文来讲, 似乎找不到太过对症的办法, 所以还是自己摸索着写了.

本质上需要解决的问题仅仅是, 如何将字符串转化为数组, 前提是没有任何可以供分割的字符, 比如”;”, 或者”,”.

开始的时候是这样写的:

var i,strCount, tempStr;
tempStr = '';
strCount = inputStr.length;
for (i = 0; i < strCount; i ++) {
  tempStr += inputStr[i] + ' ';
}
document.write(tempStr);

这样写会错么? 会, 也不会.

当然, firefox, chrome, safari, opera, IE8 都是会通过的, 但是, IE6, 7 却不能够保证.

因为当用compatible view查看的时候发现, 所有的”inputStr[i]“都是”undefined”.

IE6, 7是无法识别一个字符串作为数组使用么?

也许是.

所以才惊奇的发现了split()的被遗忘掉的功用性.

strCount = inputStr.length;
tempStr ='';
strArray = str.split('');
for (i=0; i< strCount ; i++) {
  tempStr += strArray[i] +  ' ';
}

这样的方式在IE6,7下也是被通过的, 看来, IE6,7对于js object的要求应该算是苛刻的么?

如果你知道其中原因就告诉我吧.

++好孩子珊瑚++