HTML <script> Tag
Voorbeeld
Skryf "Hallo JavaScript!" met JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Definisie en gebruik
Die <script>
merker word gebruik om 'n kliënt-kant skrip (JavaScript) in te sluit.
Die <script>
element bevat óf scriptstellings, óf dit wys na 'n eksterne script-lêer deur die src-kenmerk.
Algemene gebruike vir JavaScript is beeldmanipulasie, vormvalidering en dinamiese veranderinge van inhoud.
Wenke en notas
Wenk: Kyk ook na die <noscript> -element vir gebruikers wat skrifte in hul blaaier gedeaktiveer het, of 'n blaaier het wat nie kliënt-kant scripting ondersteun nie.
Wenk: As jy meer oor JavaScript wil leer, besoek ons JavaScript-tutoriaal .
Blaaierondersteuning
Element | |||||
---|---|---|---|---|---|
<script> | Yes | Yes | Yes | Yes | Yes |
Eienskappe
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 |
Verskille tussen HTML en XHTML
In XHTML word die inhoud binne skrifte verklaar as #PCDATA (in plaas van CDATA), wat beteken dat entiteite ontleed sal word.
Dit beteken dat in XHTML alle spesiale karakters geënkodeer moet word, of alle inhoud moet in 'n CDATA-afdeling toegedraai word:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Globale eienskappe
Die <script>
merker ondersteun ook die Global Attributes in HTML .
Verwante bladsye
HTML-tutoriaal: HTML-skrifte
HTML DOM verwysing: Script Object
JavaScript-tutoriaal: Leer JavaScript
Verstek CSS-instellings
Die meeste blaaiers sal die <script>
element met die volgende verstekwaardes vertoon:
script {
display: none;
}