Question

我在Firefox 22，Opera 12.12，Chrome 28.0.1500.95 m和IE 8.0.6001.18702中测试了此代码。全部在Windows XP 32位。我只是想知道我的代码是否存在任何跨浏览器或跨操作系统的问题。我不确定如何测试旧版本的浏览器而不降级自己，我无法测试移动浏览器和新浏览器。

下面是代码的小提琴。点击小图片可以制作更大更大的图片，使它们变小。

http://jsfiddle.net/UQgWb/

function bigSmall(input){
    var blnMakeBig=false;
    if(input.name=="s"){
        blnMakeBig=true;
    }
    var bigImages=document.getElementsByTagName("img");
    for(var i=0;i<bigImages.length;i++){
        if(bigImages[i].getAttribute("name")=="b"){
            bigImages[i].src=bigImages[i].src.substr(0,bigImages[i].src.length-bigImages[i].src.length)+"http://static.ddmcdn.com/gif/top-5-cat-allergy-symptoms-2.jpg";
            bigImages[i].className="s";
            bigImages[i].name="s";
        }
    }
    if(blnMakeBig){
        input.src=input.src.substr(0,input.src.length-input.src.length)+"http://fc07.deviantart.net/fs70/f/2013/071/7/2/grumpy_cat_trikky_by_reverendbonobo-d5xs0z6.jpg";
        input.name="b";
        input.className="b";
    }
}

我打结input.src.length-input.src.length是不必要的，但最后它将是input.src.length-5所以我把它留在那里以便完成。

我认为基本问题是：

所有浏览器，桌面设备和移动设备上的.className，.name，.src，.substr()，.getAttribute("name")和.getElementsByTagName("img")是否兼容？< / p>

我看过http://caniuse.com，但那里运气不好。

跨浏览器JS元素

0 个答案: