KUT 1.0’da desteklenir

JavaScript Kaynaklarının Entegrasyonu

Wizard içi JavaScript kodunu KUT Script üreticisiyle, fiziksel JavaScript dosyalarını @script kısa direktifiyle ekleyin.

2 dk okumaSon kontrol: KUT 1.0

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ı Wizard'ın belgelenmiş @script kısa direktifine verilir:

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

Wizard derleyicisi bu direktifi Import::script(...) çağrısına dönüştürür. Import katmanı dosyanın içeriğini sayfaya yazmaz; fiziksel kaynağı bir <script src="..."> etiketiyle yükler.

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.