<script> etiketini document.write () ile yazarken neden bölmeliyim?

Neden bazı siteler (veya istemcilere javascript kodu veren reklamverenler) <script>ve / veya </script>etiketleri document.write()aramalar arasında bölme tekniği kullanıyor ?

Amazon'un da bunu yaptığını fark ettim, örneğin:

<script type='text/javascript'>
  if (typeof window['jQuery'] == 'undefined') document.write('<scr'+'ipt type="text/javascript" src="http://z-ecx.images-amazon.com/images/G/01/javascripts/lib/jquery/jquery-1.2.6.pack._V265113567_.js"></sc'+'ript>');
</script>

</script>aksi halde kapalı <script></script>bloğu çok erken bitireceği için parçalanmalıdır . Gerçekten <ve ile arasında bölünmelidir /, çünkü bir komut dosyası bloğunun (SGML'ye göre) herhangi bir son etiket açık (ETAGO) dizisi (yani </) tarafından sonlandırılması beklenir :

STYLE ve SCRIPT öğeleri veri modelleri için CDATA kullanıyor olsalar da, bu öğeler için CDATA'nın kullanıcı aracıları tarafından farklı şekilde ele alınması gerekir. İşaretleme ve varlıklara ham metin muamelesi yapılmalı ve uygulamaya olduğu gibi aktarılmalıdır. " </" Karakter dizisinin (bitiş etiketi açık sınırlayıcı) ilk oluşumu , öğenin içeriğinin sonunu sonlandırıyor olarak değerlendirilir. Geçerli belgelerde, bu öğenin bitiş etiketi olacaktır.

Ancak uygulamada tarayıcılar yalnızca gerçek bir </script>kapalı etikette bir CDATA komut dosyası bloğunu ayrıştırmaya son verir .

XHTML'de komut dosyası blokları için böyle özel bir işlem yoktur, bu nedenle içindeki herhangi bir <(veya &) karakter &escaped;diğer herhangi bir öğede olduğu gibi olmalıdır . Ancak, eski HTML HTML olarak XHTML'yi ayrıştıran tarayıcılar karışacaktır. CDATA bloklarını içeren geçici çözümler vardır, ancak bu karakterlerin kaçınılmasını önlemek en kolay yoldur. Her iki ayrıştırıcı türü üzerinde çalışan komut dosyasından bir komut dosyası öğesi yazmanın daha iyi bir yolu:

<script type="text/javascript">
    document.write('\x3Cscript type="text/javascript" src="foo.js">\x3C/script>');
</script>

İşte herhangi bir kaçış biçimine ihtiyaç duymadan satır içi komut dosyası etiketi oluşturmak için kullandığım başka bir varyasyon (bu yüzden hemen yürütülür):

<script>
    var script = document.createElement('script');
    script.src = '/path/to/script.js';
    document.write(script.outerHTML);
</script>

(Not: internetteki örneklerin aksine type="text/javascript", ne kapalı etiketi ne de oluşturulan etiketi ayarlamıyorum: varsayılan olarak buna sahip olmayan bir tarayıcı yok ve bu yüzden gereksiz, ama ya da zarar vermeyecek, katılmıyorsanız).

Tarayıcının HTML ayrıştırıcısının <script> ve esas olarak </script> 'i gerçek komut dosyasının kapanış etiketi olarak yorumlamasını önlemek içindir, ancak document.write komutunun komut dosyasını değerlendirmek için mükemmel bir fikir olduğunu düşünmüyorum neden DOM kullanmıyorsunuz ...

var newScript = document.createElement("script");
...

Bobince'nin gönderdiği çözüm benim için mükemmel çalışıyor. Gelecek ziyaretçiler için de alternatif bir yöntem sunmak istedim:

if (typeof(jQuery) == 'undefined') {
    (function() {
        var sct = document.createElement('script');
        sct.src = ('https:' == document.location.protocol ? 'https' : 'http') +
          '://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js';
        sct.type = 'text/javascript';
        sct.async = 'true';
        var domel = document.getElementsByTagName('script')[0];
        domel.parentNode.insertBefore(sct, domel);
    })();
}

Bu örnekte, kullanım durumunu göstermek için jQuery için koşullu bir yük ekledim. Umarım bu birisi için faydalıdır!

</script>JavaScript dize edebî içindeki beklenmeyen davranışlar (neden bir kapanış etiketi olarak HTML ayrıştırıcı tarafından yorumlanır JSFiddle örneğe bakın ).

Bundan kaçınmak için, javascript'inizi yorumlar arasına yerleştirebilirsiniz (bu kodlama stili yaygın bir uygulamadır, Javascript tarayıcılar arasında zayıf bir şekilde desteklendiğinde). Bu işe yarar ( JSFiddle'daki örneğe bakın ):

<script type="text/javascript">
    <!--
    if (jQuery === undefined) {
        document.write('<script type="text/javascript" src="http://z-ecx.images-amazon.com/images/G/01/javascripts/lib/jquery/jquery-1.2.6.pack._V265113567_.js"></script>');
    }
    // -->
</script>

... ama dürüst olmak gerekirse, kullanmak document.writeen iyi uygulamayı düşündüğüm bir şey değil. Neden DOM'u doğrudan manipüle etmiyorsunuz?

<script type="text/javascript">
    <!--
    if (jQuery === undefined) {
        var script = document.createElement('script');
        script.setAttribute('type', 'text/javascript');
        script.setAttribute('src', 'http://z-ecx.images-amazon.com/images/G/01/javascripts/lib/jquery/jquery-1.2.6.pack._V265113567_.js');
        document.body.appendChild(script);
    }
    // -->
</script>