HTML <script> etiketi

Tanım ve Kullanım

<script> etiketi kullanarak istemci betiklerini yerleştirir.

<script> element ya betik ifadeleri içerir ya da src özelliği Dış betik dosyasına işaret eder.

En yaygın betik türü JavaScript'tir, ancak tarayıcılar bazı diğer betik dillerini de destekler.

JavaScript'in yaygın kullanımları resim işleme, form doğrulama ve içeriğin dinamik değişimidir.

Açıklama：script elementinin türü kullanımına göre değişir. Head elementi içindeki script elementi meta veri elementine aittir, diğer elementler (örneğin body veya section）'ta olanlar ise ifadelerdir.

Ayrıca bakınız：

HTML Eğitim Seti：HTML Betik

HTML DOM Referans Kılavuzu：Script nesnesi

JavaScript Eğitim Seti：JavaScript öğrenme

Örnek

Örnek 1: Doküman içine gömülü script tanımlamak

"Hello JavaScript!" yazısını JavaScript ile yazmak için:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Kişisel olarak deneyin

Örnek 2: Dışarıdaki script kütüphanesi yüklemek

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

Kişisel olarak deneyin

İpuçları ve açıklamalar

İpucu:Scriptleri devre dışı bırakılan veya script desteklemeyen tarayıcılar için ayrıca bkz: <noscript> elementi.

İpucu:JavaScript hakkında daha fazla bilgi öğrenmek istiyorsanız, sitemizi ziyaret edin: JavaScript Eğitimi.

Özellik

Özellik Değer Açıklama
async async Scriptin sayfanın çözümlenirken paralel olarak indirilmesini ve kullanılabilir olduğunda hemen çalıştırılmasını belirtir (çözümleme tamamlanmadan önce) (sadece dışarıdaki scriptler için geçerlidir).
crossorigin
  • anonymous
  • use-credentials
 İstek modunu HTTP CORS istek moduna ayarlar.
defer defer Scriptin sayfanın çözümlenirken paralel olarak indirilmesini ve sayfa çözümleme tamamlandıktan sonra çalıştırılmasını belirtir (sadece dışarıdaki scriptler için geçerlidir).
integrity filehash Tarayıcının alınan script'i kontrol etmesine izin verir, böylece kaynak kodun değiştirildiği durumlarda kodun asla yüklenmemesi sağlanır.
nomodule
  • True
  • False
 Scriptin ES2015 modülleri destekleyen tarayıcılarda çalışmamasını belirtir.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Scriptin alınırken hangi referans bilgilerinin gönderileceğini belirtir.
src URL Dışarıdaki script dosyasının URL'sini belirtir.
type Script türü Scriptin medya türünü belirtir.

HTML ve XHTML arasındaki farklar

XHTML'de, içerik içindeki içerik #PCDATA olarak belirtilir (CDATA yerine), bu da entitelerin çözüleceği anlamına gelir.

Bu, XHTML'de tüm özel karakterlerin kodlanması veya tüm içeriklerin CDATA bölümü içinde sarılması gerektiği anlamına gelir:

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

Genel özellikler

<script> Bu etiketler genel özellikleri de destekler HTML'deki genel özellikler.

Varsayılan CSS ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri görüntüleyecektir: <script> Element:

script {
  display: none;
}

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek