global var in JS

Question

Я знаю, что существует разница между ff и т. Д. Относительно атрибута 'class'.

Я хочу поставить в то global.js подобное:

function GetVarByBrowser() 
{ 
    if (navigator.appName == 'Microsoft Internet Explorer') 
    { 
    var getClass= 'className'; 
    } 
    else 
    { 
    var getClass= 'class'; 
    } 

} 

и на странице я прибавил:

ElementServer.setAttribute(GetVarByBrowser(), 'server'); 

, как я могу сделать это работает?

Answer 1

Нет необходимости в глобальных переменных. Вместо этого функция возвращает значение:

function GetVarByBrowser() 
{ 
    if (navigator.appName == 'Microsoft Internet Explorer') 
    { 
    return 'className'; 
    } 
    else 
    { 
    return 'class'; 
    } 

} 

Однако это несовершенный метод обнаружения браузера по ряду причин. Рассматривали ли вы использование библиотеки jQuery, которая автоматически учитывает такие причуды? Или вы хотите узнать это самостоятельно (что прекрасно и похвально)?

Answer 2

Лучше всего использовать свойство getter/setter x.className, что позволяет избежать необходимости использовать функции атрибутов и работает на всех браузерах одинаково.

Answer 3

Я хотел бы предложить несколько иной подход:

var setClassAttribute(e, value); 
if (navigator.appName == 'Microsoft Internet Explorer') 
{ 
    setClassAttribute = function(e, value) { 
     e.setAttribute('className', value); 
    } 
} 
else 
{ 
    setClassAttribute = function(e, value) { 
     e.setAttribute('class', value); 
    } 
} 

Теперь вы можете использовать эту новую функцию следующим образом:

setClassAttribute(ElementServer, 'server'); 

Answer 4

Никогда не используйте обнаружение браузера! Это сломается в IE8 в режиме стандартов!

В этом случае нет причин использовать setAttribute. e.className = 'some_class' будет работать во всех браузерах.