KUT 1.0’da desteklenir

JavaScript Kaynaklarının Entegrasyonu

Wizard içi JavaScript kodunu KUT Script üreticisiyle, fiziksel JavaScript dosyalarını Import katmanıyla ekleyin.

2 dk okumaSon kontrol: KUT 1.0

This article is currently available in Turkish. Its English translation is being prepared.

KUT'ta Wizard içine klasik <script> etiketi yazılmaz. Inline JavaScript, KUT'un etiket üretimi ve sıkıştırma katmanından geçirilir:

@Script::tag()->compress(
    function()
    {<
        document.addEventListener('DOMContentLoaded', function () {
            // Kodunuz
        });
    >}
)

Bu yöntem script etiketini üretir, yapılandırılmışsa CSP nonce değerini ekler ve gövdeyi sıkıştırır. Ayrı bir JavaScript parçası *.wizard.php dosyasında tutuluyorsa dosyanın kendi içeriği de aynı yapıyla çevrelenir; çağıran görünüm ikinci kez script etiketi açmaz.

Fiziksel .js dosyaları

Hazır veya derlenmiş bir .js dosyası inline olarak kopyalanmaz. Tema yolu, tam URL veya CDN anahtarı belgelenmiş Import katmanına verilir:

@Import::script('assets/js/application.js')
@Import::script($absoluteScriptUrl)
@Import::script(...$jsFiles)

@script(...) kısa yazımı kullanılmaz. Güncel Wizard derleyicisinde bu ifade global script() çağrısına dönüşür; KUT'un kaynak yükleyicisi Import::script() yöntemidir.

Güvenlik sözleşmesi

Dinamik veriyi JavaScript'e metin birleştirerek değil Json::encode() ile aktarın.
onclick, onchange ve benzeri HTML olay öznitelikleri yerine addEventListener veya olay delegasyonu kullanın.
Kullanıcı verisini innerHTML içine vermeyin; metin için textContent kullanın.