javascript - 检查是否有效

Question

我正在尝试测试特定浏览器(JavaScript 方面)的可用功能。

例如，如果我只是输入:

function checksetAttribute(){
    if(document.getElementById("blar").setAttribute("name","blarDiv")){
        alert("Your browser supports it.");
    }
    else{
        alert("Your browser does not support it.");
    }
}

这会返回关于属性是否有效的真实答案吗？

Answer 1

如果你想测试某个属性是否有效，而不是setAttribute有效，那么这是错误的方法，如setAttribute总是返回 undefined (==假)。相反，测试元素是否具有属性名称作为键 - 并使用新元素而不是从 DOM 中提取的元素，因为 DOM 中的元素可能已被修改。

function attributeWorks(attr, within) {
    return document.createElement(within || 'div').hasOwnProperty(attr);
}

我添加了 within参数，因为某些属性仅存在于某些类型的元素上:例如，如果您始终针对 <div> 进行测试, 然后函数将返回 false对于 href .

如果你想测试是否setAttribute功能有效这仍然是错误的方法，因为，如果 setAttribute未实现，尝试执行它会抛出错误而不是返回 false。我们可以使用与上面相同的方法，简化我们已经知道参数:

function setAttributeWorks() {
    return document.createElement('div').hasOwnProperty('setAttribute');
}