HTML <script> -elementti

Määrittely ja käyttö

<script> tagi käytetään asiakaskoodin sisällyttämiseen.

<script> Elementti sisältää joko skriptikomentoja tai src-ominaisuus Viittaa ulkoiseen skriptitiedostoon.

Yleisimmin käytetty skriptityyppi on JavaScript, vaikka selaimet tukevat myös joitakin muita skriptikieliä.

JavaScriptin yleisimpiä käyttötarkoituksia ovat kuvien käsittely, lomakkeiden tarkistus ja sisällön dynaaminen muutos.

Huomautus：script-elementin luokka riippuu sen käytöstä. Head-elementissä oleva script-elementti kuuluu metadatavalioksi, kun taas muissa elementeissä (kuten body tai section）kuuluu fraaselementteihin.

Lisäksi katso：

HTML-opas：HTML-skripti

HTML DOM -viittausopas：Script-objekti

JavaScript-opas：Opi JavaScript

实例

例子 1：定义文档内嵌脚本

Esimerkki

<script>
Esimerkki 1: Määritä dokumenttiin sisäänrakennettu skripti
</script>

Esimerkki 2: Lataa ulkoinen skriptikirjasto

Kirjoita "Hello JavaScript!" JavaScriptillä:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Esimerkki 2: Lataa ulkoinen skriptikirjasto

<script src="simple.js"></script>

Lisätietoja ei-käytettävistä tai skriptiä ei tukevista selaimista:Kokeile itse vinkit ja huomiot.

Lisätietoja ei-käytettävistä tai skriptiä ei tukevista selaimista:<noscript> -elementti JavaScript-opas.

vinkki:

vinkki: Jos haluat oppia lisää JavaScriptistä, vierittele ominaisuus
arvo arvo kuvaus
async
  • Määrittää, että skriptiä pitäisi ladata rinnakkain sivun tulkitsemisen aikana ja suorittaa heti, kun se on saatavilla (ennen kuin tulkitseminen on valmis) (vain ulkoiset skriptit).
  • crossorigin
 anonymous
use-credentials use-credentials Asettaa pyynnön tilan HTTP CORS-pyynnöksi.
integrity filehash Sallii selaimen tarkistaa haetun skriptin, jotta varmistetaan, että koodi ei koskaan lataudu, jos lähteinen koodi on muutettu.
nomodule
  • True
  • False
 Määrittää, ettei skriptiä pitäisi suorittaa selausselaimessa, joka tukee ES2015-malleja.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Määrittää, mitä viittaajatietoja lähetetään skriptin haussa.
src URL Määrittää ulkoisen script-tiedoston URL:n.
type Scriptin tyyppi Määrittää scriptin median tyyppin.

HTML ja XHTML välillä olevat erot

XHTML:ssä sisällön, joka on sisällä script-elementissä, määritellään #PCDATA:n (ei CDATA:n) avulla, mikä tarkoittaa, että merkkijonot tulkitaan.

Tämä tarkoittaa, että XHTML:ssä kaikki erikoismerkit täytyy koodata tai kaikki sisältö täytyy sisällyttää CDATA-osaan:

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

Globaalit ominaisuudet

<script> Tämä tagi tukee myös HTML:n globaalit ominaisuudet.

Oletusarvoiset CSS-asetukset

Useimmat selaimet näyttävät oletusarvot seuraavasti: <script> Elementti:

script {
  display: none;
}

Selaimesuhteet

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki