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