este codigo no me sirve en ie9

[luismercado0209]

Código:

if (screen.width == 640) { 
document.write('<link rel="stylesheet" type="text/css" href="/css/600.css">'); 
 
} 
if (screen.width == 800) { 
document.write('<link rel="stylesheet" type="text/css" href="800.css">'); 

} 
if (screen.width == 1024) { 
document.write('<link rel="stylesheet" type="text/css" href="1024.css">'); 
 
} 
if (screen.width == 1280) { 
document.write('<link rel="stylesheet" type="text/css" href="/css/1280.css">'); 
 
} 
if (screen.width == 1600) { 
document.write('<link rel="stylesheet" type="text/css" href="1600.css">'); 

}

es javascript, es para saber cual es la resolución de la pagina y según la resolución se le asigna una hoja de estilos diferente
pero no se sirver para IE9... ya lo probe con opera, mozila y chrome

[Aijoona]

Programaticamente no es buena idea lo que estás haciendo.

En primer lugar esa lógica debería estar encapsulada en una función, y segundo, considerá que si la pantalla tiene un tamaño x, no va a tener un tamaño y, por lo cual una estructura de if-else anidados o diccionario seria mejor.

Ejemplo:

Código Javascript:

/**
 * Agrega una hoja de estilo dependiendo
 * del tamaño recibido
 */
function addScreenCSS(width) {
    var cssDictionary, css;
 
    // Tus valores posibles con su
    // respectiva ruta
    cssDictionary = {
        640: '/css/600.css',
        800: '800.css',
        1024: '1024.css',
        1280: '/css/1280.css',
        1600: '1600.css'
    };
 
    // Asignamos un valor por defecto
    if(!cssDictionary[width]) {
        width = 1024;
    }
    
    css = document.createElement("link");
    css.setAttribute("rel", "stylesheet");
    css.setAttribute("type", "text/css");
    css.setAttribute("href", cssDictionary[width]);
    document.getElementsByTagName("head")[0].appendChild(css);
}
 
// Agregamos
addScreenCSS(screen.width);
 

[InKarC]

Iniciado por Aijoona

Programaticamente no es buena idea lo que estás haciendo.

En primer lugar esa lógica debería estar encapsulada en una función, y segundo, considerá que si la pantalla tiene un tamaño x, no va a tener un tamaño y, por lo cual una estructura de if-else anidados o diccionario seria mejor.

Ejemplo:

Código Javascript:

/**
 * Agrega una hoja de estilo dependiendo
 * del tamaño recibido
 */
function addScreenCSS(width) {
    var cssDictionary, css;
 
    // Tus valores posibles con su
    // respectiva ruta
    cssDictionary = {
        640: '/css/600.css',
        800: '800.css',
        1024: '1024.css',
        1280: '/css/1280.css',
        1600: '1600.css'
    };
 
    // Asignamos un valor por defecto
    if(!cssDictionary[width]) {
        width = 1024;
    }
    
    css = document.createElement("link");
    css.setAttribute("rel", "stylesheet");
    css.setAttribute("type", "text/css");
    css.setAttribute("href", cssDictionary[width]);
    document.getElementsByTagName("head")[0].appendChild(css);
}
 
// Agregamos
addScreenCSS(screen.width);
 

Absolutamente toda la razón.