2011-05-24 20 views
7

Bir page.I bazı JS kodlarıJS kodları neden öncesi veya kod bloğu yürütülür?

<pre > 
    <code> 
     <script type="text/javascript"> 
      $(function(){ 
       alert("Hello"); 
      }); 
     </script> 
    </code> 
</pre> 

kullanarak denedi göstermeye çalışıyorlar Ama jQuery sonra sayfanın yüklenmesi halinde ben bir uyarı alıyorum ve kod gösterilmiyor. JS'yi yürütmeden bu JS'yi nasıl gösterebilirim. SyntaxHighLighter eklentisini denedim ve kodu vurgulamak ama yine de uyarı alıyorum.

Bu JS kodunu, bunları çalıştırmadan kullanıcılara göstermenin en iyi yolu nedir?

+1

I Yazım hatası olup olmadığından emin değilim, ama html kodunuz tam değil, belki de sorun bu. – Arief

+0

Sorunun nedeni bu değil, şimdilik düzeltdim. İlgilenenler için, orijinal metin için [ilk revizyon] 'u (http://stackoverflow.com/revisions/1fddec64-7b56-40d4-a0ed-c5e44880da6e/view-source) kontrol edin. – Lekensteyn

+0

Editöre html ekleme problemi çekiyordum. Js kodları

bloğunun içine yerleştiriliyor. –

cevap

19

<pre> ne de <code> ne "işaretleme olarak bu muamelesi yapmayın" demek çünkü.

<pre> "bunun bir kod örneği okuyucu bildirir şekilde (yani uygun bir yazı tipi, vb kullanın) Bu, mevcut"

<code> anlamına gelen "burada boşluk Oluştur" anlamına gelir.

HTML'de özel bir anlamı olan karakterleri (örneğin, <) kullanmak istiyorsanız, bunları temsil etmek için varlıkları kullanmanız gerekir. &

için >

  • &amp; için <
  • &gt; için

    • &lt; Yaklaşık ' veya " bir özellik değeri içinde değil gibi endişelenmenize gerek yoktur.

  • +0

    thnx. O zaman ne istediğimi nasıl başarabilirim? js kodunu yürütmeden nasıl gösterebilirim? –

    +0

    @joy, quentin tarafından önerildiği gibi, – JohnP

    +0

    numaralı tüzel kişi ile birlikte 'yerine herkesin girmesini sağladı. –

    5

    <script> etiketlerinin kullanılması, bunun yürütülecek javascript olduğu anlamına gelir. Alternatif

    <pre> 
    <code> 
    $(function(){ 
         alert("Hello"); 
        }); 
    </code> 
    </pre> 
    

    < ve >&lt; ve &gt; böylece <script> etiketleri metin olarak işlenen ve komut dosyası etiketlerinin olarak yorumlanmaz kodlamak:

    tamamen <script> etiketlerini kaldırın

    <pre> 
    <code> 
    &lt;script type="text/javascript"&gt; 
    $(function(){ 
         alert("Hello"); 
        }); 
    &lt;/script&gt; 
    </code> 
    </pre> 
    
    İlgili konular