HTML <script> Etiketi
Örnek
"Merhaba JavaScript!" Yaz JavaScript ile:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Tanım ve Kullanım
Etiket <script>, bir istemci tarafı komut dosyasını (JavaScript) gömmek için kullanılır.
Öğe , <script>komut dosyası deyimleri içerir veya src özniteliği aracılığıyla harici bir komut dosyasına işaret eder.
JavaScript'in yaygın kullanımları, görüntü işleme, form doğrulama ve dinamik içerik değişiklikleridir.
İpuçları ve Notlar
İpucu: Tarayıcılarında komut dosyalarını devre dışı bırakmış veya istemci tarafı komut dizisini desteklemeyen bir tarayıcıya sahip kullanıcılar için <noscript> öğesine de bakın .
İpucu: JavaScript hakkında daha fazla bilgi edinmek istiyorsanız JavaScript Eğitimimizi ziyaret edin .
Tarayıcı Desteği
| Element | |||||
|---|---|---|---|---|---|
| <script> | Yes | Yes | Yes | Yes | Yes |
Öznitellikler
| 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 |
HTML ve XHTML Arasındaki Farklar
XHTML'de, komut dosyalarının içindeki içerik (CDATA yerine) #PCDATA olarak bildirilir, bu da varlıkların ayrıştırılacağı anlamına gelir.
Bu, XHTML'de tüm özel karakterlerin kodlanması veya tüm içeriğin bir CDATA bölümüne sarılması gerektiği anlamına gelir:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Genel Özellikler
Etiket ayrıca HTML'deki Global Nitelikleri<script> de destekler .
İlgili Sayfalar
HTML öğreticisi: HTML Komut Dosyaları
HTML DOM referansı: Komut Dosyası Nesnesi
JavaScript Eğitimi: JavaScript öğrenin
Varsayılan CSS Ayarları
Çoğu tarayıcı, <script>öğeyi aşağıdaki varsayılan değerlerle görüntüler:
script {
display: none;
}