Hvordan legge til Spaces i HTML markørtekst

Hvordan legge til Spaces i HTML markørtekst


HTML består av utsagn som definerer en nettsides elementer, kontroller og utseende. Du kan plassere tekst hvor som helst inne i kroppen til et HTML-dokument. Dessverre, nettlesere fjerne ekstra mellomrom mellom ord i en tekststreng. Dette øker tiden det tar å formatere noen elementer som HTML telt. En marquee viser rullende tekst som beveger seg over en webside. For å legge til mellomrom til tekst i et stort telt, bruker Javascript for å erstatte vanlige områder med spesielle tegn at nettleseren ikke vil fjerne.

Bruksanvisning

1 Åpne Notisblokk. Lim inn denne HTML-koden inn i et tomt dokument:

<! 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> Marquee Test </ title>

</ Head>
<Body>

<Marquee id = "Marquee1"> </ marquee>

</ Body>
</ Html>

Dette skaper en rulletekst som ikke inneholder tekst.

2 Legg til følgende Javascript-funksjonen etter "<title>" tag:

funksjon setMarquee () {

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;
}

Denne funksjonen setter markørtekst. Variabelen "originalText" holder tekststrengen som du vil skal vises i rulleteksten. I dette eksempelet er at teksten "Marquee String tekst." Legg til så mange områder som du vil mellom ordene eller tegnene. "MarqueeID" holder ID for markeringen. Den "erstatte" metoden erstatter de blanke feltene i tekststrengen med den spesielle HTML tegn lagret i "blankCharacter." Den siste setningen legger den endrede teksten til markeringen objektet.

3 Legg denne Javascript-kode etter forrige kode:

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

Dette kaller setMarquee funksjon etter Web siden lastes.

4 Lagre Notisblokk-fil med .html. For eksempel, hvis du ønsker å navngi filen "Marquee Test", lagre det som "Marquee Test.html."

5 Åpne filen i nettleseren din for å bekrefte at mellomrom eksisterer mellom ordene i rulleteksten tekst.

Hint

  • Merk at "<marquee>" tag i kroppen av HTML har en id av "Marquee1." Navn ID noe du liker. Det må imidlertid samsvare med verdien du angir for MarqueeID i Javascript-funksjonen.