|
|
|
| Hvordan bruke JavaScript for å oppdatere en Sidetittel |
|
JavaScript er en leverandør-nøytral skriptspråk som vanligvis er innebygd i websider og kjører på en klientdatamaskin. Siden JavaScript er objekt -basert , den har en rekke innebygde objekter som kan brukes til å legge til dynamisk innhold på nettsider. En av disse objektene , dokumentobjektet , gir tilgang til alle elementene i en HTML-side fra innsiden JavaScript, noe som gir utviklere muligheten til å dynamisk endre dokumentelementer eksempel koblinger og ankere , samt egenskaper som bakgrunnsfarge og sidetittel . Du trenger tekst editor nettleser med JavaScript aktivert Vis flere instruksjoner en Åpne en teksteditor og opprette en ny fil som heter updateTitle.html . Legg noen HTML-koder til updateTitle.html , være sikker på å inkludere en og en updateTitle.html . 2 Legg en tag i HTML <head><meta name=viewport content="width=device-width, initial-scale=1.0"> delen. Tittelen tekst bør lese " sidens tittel før" : en <p> <html> <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> <p> <title> sidens tittel Før < /title> <br> <p> < /head > <br> <p> <body> < /body > <br> <p> < /html > <br> 3 <p> Type en JavaScript åpen script tag og plasser den inne i HTML <head><meta name=viewport content="width=device-width, initial-scale=1.0"> . Sett <script> tag 'type verdi til tekst /javascript og lukke tag: <br> <p> <html> <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> <p> <title> sidens tittel før < /title > <br> <p> < script <br> 4 <p> Legg en JavaScript-funksjon til filens <script> delen. Navngi funksjonen changeTItle ( ) : en <p> <html> <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> <p> <title> sidens tittel Før < /title > <br> < p > <script type="text/javascript"> <br> <p> funksjon <br> 5 <p> Legg JavaScript-kode til changeTitle ( )-funksjonen som oppdaterer dokumentets tittel med document.title eiendom. Endre tittelen til sidens tittel Etter : en <p> <html> <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> <p> <title> sidens tittel Før < /title> <br> < p> <script type="text/javascript"> <br> <p> funksjon changeTitle ( ) <br> <p> { <br> <p> document.title = " sidens tittel <br> 6 <p> Legg en <p> tag inne i HTML <body> Skriv inn teksten som vises meldingen Endre tittel Med JavaScript Lukk < /p > tag: . . <br> <p> < ; html > <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> <p> <title> sidens tittel Før < /title > <br> <p> <script type="text/javascript"> <br> <p> funksjon changeTitle ( ) <br> <p> { <br> <p> document.title = " sidens tittel Etter "; <br> <p> } <br> <p> < /script > <br> <p> < /head > <br> <p> <body> <br> <p> <p> Endre tittel Med JavaScript < /p > <br> <p> < /body > <br> <p> < /html > <br> 7 <p> Legg en <button> tag til <body> . Legg en onclick ( ) hendelse til knappen og sette onclick ( . ) tiltak for å ringe changeTitle ( ) JavaScript-funksjon Skriv inn teksten Klikk for å Endre tittel etter <button> åpen tag og lukke tag: <br> <p> <html> <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> ; <br> <p> <title> sidens tittel Før < /title > <br> <p> <script type="text/javascript"> <br> <p> funksjon changeTitle ( ) <br> <p> { <br> <p> document.title = " sidens tittel Etter "; <br> <p> } <br> <p> < /script > <br> <p> < /head> <br> <p> <body> <br> <p> <p> Endre tittel Med JavaScript < /p > <br> <p> <button onclick="changeTitle()"> Klikk for å Endre tittel < /button > <br> <p> < /body > <br> <p> < /html > <br> <p> Lagre og lukk updateTitle.html . <br> 8 <p> Åpen updateTitle . html i en nettleser . Klikk på " Klikk for å endre tittel " for å endre updateTitle.html ' s tittelen fra sidens tittel Før å sidens tittel After. <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/91068.html' >Hvordan kontrollere om et objekt Eiendom Finnes i JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/91070.html' >Hvordan du blar mellom meldinger på statuslinjen </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91190.html" title="Javascript Scrollbar Tutorial " target="_self">Javascript Scrollbar Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90971.html" title="Hvordan lage en blinkende grensen på DIV " target="_self">Hvordan lage en blinkende grensen på DIV </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90876.html" title="Avrunding Up Tall i Javascript " target="_self">Avrunding Up Tall i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90918.html" title="Slik aktiverer Cufon bokstavavstand " target="_self">Slik aktiverer Cufon bokstavavstand </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91207.html" title="Hvordan sette Animasjon Bakgrunn på en webside " target="_self">Hvordan sette Animasjon Bakgrunn på en webside </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90950.html" title="Hvordan endre en Drop - Down Index i JavaScript " target="_self">Hvordan endre en Drop - Down Index i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91083.html" title="Hvordan Riktig Script feil " target="_self">Hvordan Riktig Script feil </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91254.html" title="Hvordan Inkluder en JS -fil i JSP " target="_self">Hvordan Inkluder en JS -fil i JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90920.html" title="Hvordan Drop desimaler Bruke JavaScript " target="_self">Hvordan Drop desimaler Bruke JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91265.html" title="Hvor å Sjekk Null verdi i JavaScript " target="_self">Hvor å Sjekk Null verdi i JavaScript </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/95787.html" title="Hvordan Sammenlign en tidligere rekorden i Access Query " target="_self">Hvordan Sammenlign en tidligere rekorden i Access Query…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85991.html" title="Vanlige feil i Turbo C " target="_self">Vanlige feil i Turbo C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92830.html" title="Slik sletter cookies Bruke PHP " target="_self">Slik sletter cookies Bruke PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89741.html" title="Hvordan erstatte Lowercase Med Capitals i Java " target="_self">Hvordan erstatte Lowercase Med Capitals i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/96364.html" title="Hvordan Slett alle emner Innsiden av et List Box i Visual Basic " target="_self">Hvordan Slett alle emner Innsiden av et List Box i Visu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92257.html" title="Slik installerer Snort Med MySQL i CentOS " target="_self">Slik installerer Snort Med MySQL i CentOS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85878.html" title="Hvordan bruke OracleDataAdapter å oppdatere en Datakilde " target="_self">Hvordan bruke OracleDataAdapter å oppdatere en Datakil…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85571.html" title="Hvordan å begrense antall desimaler i C + + " target="_self">Hvordan å begrense antall desimaler i C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91038.html" title="Slik fjerner JavaScript " target="_self">Slik fjerner JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92911.html" title="Migrering av tilgang til MySQL Tutorial " target="_self">Migrering av tilgang til MySQL Tutorial </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
