CSS automático mediante JS

[Pelargon]

Hola

mediante css es posible aplicar estilos alternativos a las páginas web de forma manual. Intento hacer eso mismo de forma automática. En concreto he intentado hacer que en función de la resolución de pantalla se aplique un estilo u otro, pero no he obtenido resultados debido a que no tengo ni idea de javascript.

Mi pregunta es, obviamente, si se puede hacer eso.

El código sobre el que he trabajado (y que no funciona) es el siguiente:

<script language="JavaScript">
function auto ()
{
var nWdt = screen.width;
var nHgh = screen.height;
if ((nWdt == 640) && (nHgh == 480)) <link rel="stylesheet" href="estilo1.css" type="text/css">;
else if ((nWdt == 800) && (nHgh == 600)) <link rel="stylesheet" href="estilo2.css" type="text/css">;
else if ((nWdt == 1024) && (nHgh == 768)) <link rel="stylesheet" href="estilo3.css" type="text/css">;
}
</script>

Os pido sugerencias y modificaciones/correcciones a este código. Seria muy interesante poder hacer algo con él ya que de ser posible lo que quiero, tendriamos una alternativa mejor a tener que diseñar páginas específicas para cada resolución de pantalla.

Gracias de antemano por vuestra ayuda.

Saludos.

[tunait]

prueba así.....


<script language="JavaScript">
function auto ()
{
var nWdt = screen.width;
var nHgh = screen.height;
if ((nWdt == 640) && (nHgh == 480)){
document.write(' <link rel="stylesheet" href="estilo1.css" type="text/css">');}
else if ((nWdt == 800) && (nHgh == 600)){
document.write(' <link rel="stylesheet" href="estilo2.css" type="text/css">');}
else if ((nWdt == 1024) && (nHgh == 768)){
document.write(' <link rel="stylesheet" href="estilo3.css" type="text/css">');}
}
</script>

deberías poner un else general por si no coincide ninguna de las resoluciones propuestas en el script

[Pelargon]

Lo conseguí.

Tunait, gracias por el código que pusiste.

Aunque no funcionaba tal cuál estaba, con unas pequeñas modificaciones he conseguido el objetivo.

[GG]

Cuenta cuáles fueron las modificaciones.
Entodo caso, yo habría reemplazado todas las comillas dobles por comillas simples al interior del script.
<script language="JavaScript">
function auto ()
{
var nWdt = screen.width;
var nHgh = screen.height;
if ((nWdt == 640) && (nHgh == 480)){
document.write(' <link rel='stylesheet' href='estilo1.css' type='text/css'>');}
else if ((nWdt == 800) && (nHgh == 600)){
document.write(' <link rel='stylesheet' href='estilo2.css' type='text/css'>');}
else if ((nWdt == 1024) && (nHgh == 768)){
document.write(' <link rel='stylesheet' href='estilo3.css' type='text/css'>');}
}
</script>