HTML značka <script>
Příklad
Napište "Ahoj JavaScript!" s JavaScriptem:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Definice a použití
Značka <script>
se používá k vložení skriptu na straně klienta (JavaScript).
Prvek <script>
buď obsahuje skriptovací příkazy, nebo odkazuje na externí soubor skriptu prostřednictvím atributu src.
Běžné použití JavaScriptu je manipulace s obrázky, ověřování formulářů a dynamické změny obsahu.
Tipy a poznámky
Tip: Podívejte se také na prvek <noscript> pro uživatele, kteří ve svém prohlížeči zakázali skripty nebo mají prohlížeč, který skriptování na straně klienta nepodporuje.
Tip: Chcete-li se o JavaScriptu dozvědět více, navštivte náš JavaScript Tutorial .
Podpora prohlížeče
Element | |||||
---|---|---|---|---|---|
<script> | Yes | Yes | Yes | Yes | Yes |
Atributy
Attribute | Value | Description |
---|---|---|
async | async | Specifies that the script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes) (only for external scripts) |
crossorigin | anonymous use-credentials |
Sets the mode of the request to an HTTP CORS Request |
defer | defer | Specifies that the script is downloaded in parallel to parsing the page, and executed after the page has finished parsing (only for external scripts) |
integrity | filehash | Allows a browser to check the fetched script to ensure that the code is never loaded if the source has been manipulated |
nomodule | True False |
Specifies that the script should not be executed in browsers supporting ES2015 modules |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send when fetching a script |
src | URL | Specifies the URL of an external script file |
type | scripttype | Specifies the media type of the script |
Rozdíly mezi HTML a XHTML
V XHTML je obsah uvnitř skriptů deklarován jako #PCDATA (místo CDATA), což znamená, že entity budou analyzovány.
To znamená, že v XHTML by měly být všechny speciální znaky zakódovány nebo by měl být veškerý obsah zabalen do sekce CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Globální atributy
Značka <script>
také podporuje globální atributy v HTML .
Související stránky
HTML výukový program: HTML skripty
HTML DOM reference: Script Object
Výukový program JavaScript: Naučte se JavaScript
Výchozí nastavení CSS
Většina prohlížečů zobrazí <script>
prvek s následujícími výchozími hodnotami:
script {
display: none;
}