Más sobre colocar scripts

  • Por
Últimas notas sobre cómo colocar scripts. Indicar la versión utilizada y utilizar ficheros externos.

Seguimos ofreciendo capítulos del Manual de Javascript, con información útil para saber cómo utilizar el lenguaje. Así que ahora veremos un par de notas adicionales sobre cómo colocar scripts en páginas web.

En este artículo mostraremos uno de los atributos que se pueden indicar en la etiqueta de SCRIPT, que indica el lenguaje que vamos a utilizar. Pero sobre todo debemos prestar especial atención al caso de incluir archivos externos con Javascript, que sin duda es una manera de trabajar, que utilizaréis bastante a menudo.

Indicar el lenguaje que estamos utilizando

La etiqueta <SCRIPT> tiene un atributo que sirve para indicar el lenguaje que estamos utilizando, así como la versión de este. Por ejemplo, podemos indicar que estamos programando en Javascript 1.2 o Visual Basic Script, que es otro lenguaje para programar scripts en el navegador cliente que sólo es compatible con Internet Explorer.

El atributo en cuestión es language y lo más habitual es indicar simplemente el lenguaje con el que se han programado los scripts. El lenguaje por defecto es Javascript, por lo que si no utilizamos este atributo, el navegador entenderá que el lenguaje con el que se está programando es Javascript. Un detalle donde se suele equivocar la gente sin darse cuenta es que lenguage se escribe con dos -g- y no con -g- y con -j- como en castellano.

<SCRIPT LANGUAGE=javascript>

Actualizado: Hoy ya ni merece la pena nombrar otros lenguajes de scripting. Javascript es el único lenguaje para crear scripts en páginas web aceptado por la industria. Luego, el atributo language es realmente innecesario. Sin embargo, estamos obligados a definir el atributo "type", que señalamos en el siguiente punto. A pesar que en HTML 4.01 transicional nos valide correctamente el atributo language, no validará si estamos haciendo HTML strict, con lo que no recomendamos usar "language" en ningún caso. En los ejemplos de DesarrolloWeb.com donde se utilizaba language, por favor eliminarlo, pues no validaría correctamente con versiones estándar del lenguaje HTML actual.

Uso del atributo "type":

Cuando colocamos una etiqueta SCRIPT debemos usar el atributo "type" para indicar que tipo de codificación de script estamos haciendo y el lenguaje utilizado.

<script type="text/javascript">

El atributo "type" es necesario para que valide correctamente tu documento en las versiones más actuales del HTML.

Incluir ficheros externos de Javascript

Otra manera de incluir scripts en páginas web, implementada a partir de Javascript 1.1, es incluir archivos externos donde se pueden colocar muchas funciones que se utilicen en la página. Los ficheros suelen tener extensión .js y se incluyen de esta manera.

<SCRIPT type="text/javascript" src="archivo_externo.js">
//estoy incluyendo el fichero "archivo_externo.js"
</SCRIPT>

Dentro de las etiquetas <SCRIPT> se puede escribir cualquier texto y será ignorado por el navegador, sin embargo, los navegadores que no entienden el atributo SRC tendrán a este texto por instrucciones, por lo que es aconsejable poner un comentario Javascript antes de cada línea con el objetivo de que no respondan con un error.

El archivo que incluimos (en este caso archivo_externo.js) debe contener tan solo sentencias Javascript. No debemos incluir código HTML de ningún tipo, ni tan siquiera las etiquetas </SCRIPT> y </SCRIPT>.

Vistos estos otros usos interesantes que existen en Javascript y que debemos conocer para poder aprovechar las posibilidades de la tecnología, debemos haber aprendido todo lo esencial para empezar a hacer cosas más importantes. Así que en el próximo artículo empezaremos a repasar la sintaxis del lenguaje Javascript.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

Alejandro

11/3/2007
Hola gente , la verdad no me quedo muy en claro esto del archivo estos son todos los script que yo tengo en mi pagina como tendria que hacer el archivo js porque trate de hacerlos sin las etiquetas script y /script y no me funcioneo , no me dan una mano gracias saludos Alejandro

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-87541-1";
urchinTracker();
</script>





<SCRIPT language=JavaScript>
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</SCRIPT>


<LINK REL="SHORTCUT ICON" HREF="/images/banderargentina.gif">

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" leftmargin="0" topmargin="0" rightmargin="4" alink="#990099" bgcolor="#C0C0C0" link="#0066CC" marginheight="0" marginwidth="0" vlink="#0066CC">

<script type="text/javascript">
function openSlideShow(showname)
{
var showPath = "/slideshows/" + showname + ".asp";
var showWindow = window.open(showPath, 'slidewindow', 'width=780,height=700,left=200,top=50,scrollbars=0,resizable=1');
return(false);
}

function openSlideURL(showURL) {
var showPath = showURL;
var showWindow = window.open(showPath, 'slidewindow', 'width=780,height=700,left=200,top=50,scrollbars=0,resizable=1');
return(false);
}
</script>


<script language="JavaScript1.1">
function derecha(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which ==2 )){
alert('Si queres algo de este sitio solo pedimelo')
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button ==2 )){
alert('Si queres algo de este sitio solo pedimelo')
}
}
document.onmousedown=derecha
</script>



<SCRIPT language=JavaScript>
function blockError(){return true;}
window.onerror = blockError;
</SCRIPT>


<script language="JavaScript" type="text/javascript">
<!--
function PopWindow()
{
window.open('http://www.lagransubasta.com.ar','MyWindow','width=450,height=275,menubar=yes,scrollbars=yes,toolbar=yes,location=yes,directories=yes,resizable=yes,top=0,left=0');
}
//-->
</script>

laika

18/11/2012
Quiza hay algun error al escribir la etiqueta?
Linea original: El archivo que incluimos (en este caso archivo_externo.js) debe contener tan solo sentencias Javascript. No debemos incluir código HTML de ningún tipo, ni tan siquiera las etiquetas </SCRIPT> y </SCRIPT>.

Carlos Fonseca

17/2/2013
¡Dejemos atrás el pasado!
No entiendo por qué los desarrolladores web se interesan en ayudar a quienes no tienen versiones actualizadas de los navegadores, que no entienden los scripts y los interpretan como texto normal.

Si tenés una computadora de tarjetas perforadas o una 486, no vengás a exigir que las páginas luzcan igual que si las estuvieras viendo en una tablet con tecnología de punta. ¿Estoy en lo correcto?

David Fuentes

13/4/2014
Navegadores
Opino lo mismo que el colega de arriba, el desarrollo web se ha visto estancado por eso mismo, sobre todo por Internet Explorer y sus estándares fuera de lugar. Por cierto, muchas gracias por los tutoriales, empecé con HTML en este mismo sitio Web hace 10 años con el auge de MSN Groups cuando tenía 11añitos apenas haha, hoy a mis 21 recién graduado de Diseño Gráfico vuelvo al diseño Web esta vez con todo y en el mismo sitio de siempre, esta Web es como un hogar más para mí, gracias por compartir tu conocimiento de forma desinteresada a nosotros lo mortales comunes haha, en cuanto empiece a ganar más te aportó algo por donación. Saludos :)