Tecnología

Inicio

Cómo agregar espacios en HTML marquesina de texto

March 27

Cómo agregar espacios en HTML marquesina de texto


HTML consta de declaraciones que definen de una página Web de los elementos, los controles y la apariencia. Puede colocar texto en cualquier lugar dentro del cuerpo de un documento HTML. Por desgracia, los navegadores eliminan los espacio extra entre las palabras de una cadena de texto. Esto aumenta el tiempo que se necesita para dar formato a algunos elementos tales como la marquesina HTML. Una marquesina muestra el desplazamiento de texto que se mueve a través de una página Web. Para añadir espacios al texto en una carpa, utilice JavaScript para sustituir los espacios regulares con caracteres especiales que el navegador no se eliminará.

Instrucciones

1 Bloc de notas abierta. Pega este código HTML en un documento vacío:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>
<Html xmlns = "http://www.w3.org/1999/xhtml&quot;>
<Head>
<Title> Prueba de marquesina </ title>

</ Head>
<Body>

<Id = carpa "Marquee1"> </ marquee>

</ Body>
</ Html>

Esto crea un marco que no contiene texto.

2 Agregue la siguiente función de JavaScript después de la etiqueta "<title>":

setMarquee función () {

var originalText = &quot;Marquee String Text&quot;;
var marqueeID = &quot;Marquee1&quot;;

var blankCharacter = & quot; & amp; & quot; + & Quot; nbsp; & quot;

var = newText originalText.replace (/ / gi, blankCharacter);

var marqueeObject = document.getElementById (marqueeID);
marqueeObject.innerHTML = newText;
}

Esta función establece el texto de marquesina. La variable "Originaltext" contiene la cadena de texto que desea que aparezca en la carpa. En este ejemplo, que el texto es "Carpa cadena de texto." Añadir tantos espacios como desee entre las palabras o caracteres. "MarqueeID" tiene el ID de la marquesina. El método de "reemplazar" reemplaza los espacios en blanco en la cadena de texto con el carácter especial de HTML almacenado en "blankCharacter." La última sentencia añade el texto modificado al objeto de marquesina.

3 Añadir el código JavaScript después del código anterior:

window.onload = function () {
setMarquee();
};

Esto llama a la función setMarquee después se carga la página Web.

4 Guarde el archivo de Bloc de notas con una extensión .html. Por ejemplo, si desea asignar un nombre al archivo "Test de marquesina," guardar como "Carpa Test.html."

5 Abra el archivo en su navegador para verificar que existan espacios entre las palabras en el texto de la marquesina.

Consejos y advertencias

  • Tenga en cuenta que el "<marquee>" etiqueta en el cuerpo del HTML tiene un ID de "Marquee1." Nombre la ID te gusta. Debe, sin embargo, que coincida con el valor que ha establecido para MarqueeID en la función JavaScript.