23. HTML javascripti

23. HTML javascripti https://peda.net/id/33a2b17495d 2016-05-25T13:57:37+03:00 https://peda.net/:static/535/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> JavaScript makes HTML pages more dynamic and interactive. https://peda.net/id/33a366d295d 2016-05-25T14:18:24+03:00 <h2>HTML <script> Tagi</h2> <p><script> tagia käytetään määrittämään scriptiä (JavaScript).</p> <p><script> elementti sisältää joko scriptaus lausekkeita tai sen pisteitä ulkoiseen scripti tiedostoon src atribuutin läpi.</p> <p>Yleiset käyttötavat JavaScriptille ovat kuva manipulaatio, muodon vahvistaminen, ja dynaamiset muutokset sisältöön.</p> <p>Scripti alla kirjoittaa Hello JavaScript! HTML elementtiin id="demo":</p> <div class="w3-example"> <h3>Esimerkki</h3> <div class="w3-code notranslate htmlHigh"><span><span><</span>script<span>></span></span><span><br/> document.getElementById(<span>"demo"</span>).innerHTML = <span>"Hello JavaScript!"</span>;<br/> </span><span><span><span><</span>/script<span>><br/> </span></span></span> <h2>HTML <noscript> Tagi</h2> <p><noscript> tagia käytetään välittämään väliaikaista sisältöä käyttäjille jotka ovat disabloineet scriptit selaimissaan tai heidän selaimet eivät tue claijentti scriptausta <br/> <br/> <noscript> elementti voi sisältää kaikkia elementtejä joita voit löytää <body> elementtistä normaalin HTML sivun sisältä</p> <p>Sisäpuolella <noscript> elementti tulee näkyviin vain jos scriptit ei ole tuettu, tai ovat disbloituja käyttäjän selaimessa:</p> <div class="w3-example"> <h3>Esimerkki</h3> <div class="w3-code notranslate htmlHigh"><span><span><</span>script<span>></span></span><span><br/> document.getElementById(<span>"demo"</span>).innerHTML = <span>"Hello JavaScript!"</span>;<br/> </span><span><span><</span>/script<span>></span></span><br/> <br/> <span><span><</span>noscript<span>></span></span>Sorry, your browser does not support JavaScript!<span><span><</span>/noscript<span>></span></span></div> </div> <h2>Muutama JavaScript esimerkki</h2> <p>Tässä on muutama javascript esimerkki mitä sillä voi tehdä:</p> <div class="w3-example"> <h3>JavaScript voi vaihtaa HTML sisältöä:</h3> <div class="w3-code notranslate jsHigh"><span>document.getElementById(<span>"demo"</span>).innerHTML = <span>"Hello JavaScript!"</span>;</span></div> </div> <div class="w3-example"> <h3>JavaScript voi vaihtaa HTML tyylejä:</h3> <div class="w3-code notranslate jsHigh"><span>document.getElementById(<span>"demo"</span>).style.fontSize = <span>"25px"</span>;</span></div> </div> <div class="w3-example"> <h3>JavaScript voi muuttaa HTML atribuutteja:</h3> <div class="w3-code notranslate jsHigh"><span>document.getElementById(<span>"image"</span>).src = <span>"picture.gif"</span>;</span></div> </div> <h2>HTML Scripti tagit</h2> <table class="w3-table-all notranslate"> <tbody> <tr><th>Tagi</th><th>Sisältö</th></tr> <tr> <td><a href="http://www.w3schools.com/tags/tag_script.asp" rel="nofollow ugc noopener"><script></a></td> <td>Määrittää clientti scriptin</td> </tr> <tr> <td><a href="http://www.w3schools.com/tags/tag_noscript.asp" rel="nofollow ugc noopener"><noscript></a></td> <td>Määrittää vaihtoehtoisen sisällön käyttäjille jotka eivät tue scriptejä</td> </tr> </tbody> </table> <span><span><br/> </span></span></div> </div> 2018-08-02T00:45:25+03:00