Kod Komut Dosyaları Harici Bir Dosyaya Kaydedilebilir mi?

yerleştirme JavaScripts doğrudan bir web sayfası için HTML içeren dosyaya JavaScript öğrenirken kullanılan kısa komut dosyaları için idealdir. Ancak, web sayfanız için önemli işlevler sağlamak üzere komut dosyaları oluşturmaya başladığınızda, JavaScript oldukça büyük olabilir ve bu büyük komut dosyalarını doğrudan web sayfasına dahil etmek iki sorun oluşturur:

• JavaScript sayfa içeriğinin büyük bir bölümünü kaplıyorsa, sayfanızın çeşitli arama motorlarındaki sıralamasını etkileyebilir. Bu, içeriğin ne hakkında olduğunu belirleyen anahtar kelimelerin ve kelime öbeklerinin kullanım sıklığını azaltır.
• Web sitenizdeki birden çok sayfada aynı JavaScript özelliğini yeniden kullanmayı zorlaştırır. Farklı bir sayfada her kullanmak istediğinizde, sayfayı kopyalamanız ve her ek sayfaya eklemeniz ve yeni konumun gerektirdiği değişiklikleri yapmanız gerekir.

JavaScript'i, onu kullanan web sayfasından bağımsız hale getirmek çok daha iyidir.

Neyse ki, geliştiriciler HTML ve JavaScript bu soruna bir çözüm sağlamıştır. JavaScripts'imizi web sayfasının dışına taşıyabilir ve yine de aynı şekilde çalışmasını sağlayabiliriz.

Bunu kullanan sayfanın dışında bir JavaScript oluşturmak için yapmamız gereken ilk şey, gerçek JavaScript kodunun kendisini (çevreleyen HTML komut dosyası etiketleri olmadan) ve ayrı bir dosya.

Örneğin, aşağıdaki komut dosyası sayfamızdaysa, parçayı kalın olarak seçer ve kopyalarız:

Eski tarayıcıların kodu göstermesini engellemek için JavaScript'i yorum etiketlerinin içindeki bir HTML belgesine yerleştiren bir uygulama vardı; ancak, yeni HTML standartları tarayıcıların içindeki kodu otomatik olarak ele alması gerektiğini söylüyor HTML yorum etiketleri olarak yorumlanır ve bu, Javascript'inizi görmezden gelmenize neden olur.

Yorum sayfalarının içinde JavaScript bulunan birinden HTML sayfaları devraldıysanız, etiketleri seçtiğiniz ve kopyaladığınız JavaScript koduna eklemenize gerek yoktur.

Örneğin, HTML yorum etiketlerini dışarıda bırakarak yalnızca kalın kodu kopyalarsınız ve Aşağıdaki kod örneğinde:

Taşımak istediğiniz JavaScript kodunu seçtikten sonra, yeni bir dosyaya yapıştırın. Dosyaya komut dosyasının ne yaptığını gösteren veya komut dosyasının ait olduğu sayfayı tanımlayan bir ad verin.

Dosyaya bir js dosyanın JavaScript içerdiğini bilmeniz için sonek. Örneğin, hello.js yukarıdaki örnekten JavaScript'i kaydetmek için dosyanın adı olarak.

Artık JavaScript'imizi kopyalayıp ayrı bir dosyaya kaydettiğimize göre, tek yapmamız gereken harici komut dosyasına HTML web sayfası belgesi.

İlk olarak, komut dosyası etiketleri arasındaki her şeyi silin:

Bu, sayfaya hangi JavaScript'in çalıştırılacağını henüz söylemediğinden, komut dosyası etiketinin kendisine tarayıcıya komut dosyasını nerede bulacağını söyleyen ekstra bir özellik eklememiz gerekir.

Örneğimiz şimdi şöyle görünecek:

src = "hello.js">

Src özelliği, tarayıcıya bu web sayfasının JavaScript kodunun okunması gereken harici dosyanın adını söyler ( hello.js yukarıdaki örneğimizde).

Tüm JavaScripts'lerinizi HTML web sayfası belgelerinizle aynı konuma koymak zorunda değilsiniz. Bunları ayrı bir JavaScript klasörüne koymak isteyebilirsiniz. Bu durumda, yalnızca src dosyanın konumunu içerme özniteliği. JavaScript kaynak dosyasının konumu için herhangi bir göreceli veya mutlak web adresi belirleyebilirsiniz.

Artık yazdığınız herhangi bir komut dosyasını veya bir komut dosyası kitaplığından edindiğiniz komut dosyalarını alıp HTML web sayfası kodundan harici olarak başvurulan bir JavaScript dosyasına taşıyabilirsiniz.

Daha sonra herhangi bir web sayfasından, o komut dosyasını çağıran uygun HTML komut dosyası etiketlerini ekleyerek bu komut dosyasına erişebilirsiniz.