SORU
24 Ocak 2009, CUMARTESİ


Kullanarak CSS Javascript

CSS içinde Javascript kullanmak mümkün mü?

Eğer değilse, basit bir örnek verebilir misiniz?

CEVAP
27 Ocak 2009, Salı


IE ve Firefox CSS, JavaScript yürütmek için yollar içerir. Paolo bahseder gibi, YANİ bir şekilde expression tekniktir, ama aynı zamanda daha belirsizHTC davranışkomut dosyası içeren ayrı bir XML CSS ile dolu olan , içinde. Firefox için benzer bir tekniği kullanarak varXBL. Bu teknikler exectue CSS, JavaScript yokdoğrudanetkisi aynıdır , ama.

IE ile HTC

Öyle gibi: CSS kuralı kullanın

body {
  behavior:url(script.htc);
}

ve bu senaryo içinde.htc dosyası gibi bir şey var:

<PUBLIC:COMPONENT TAGNAME="xss">
   <PUBLIC:ATTACH EVENT="ondocumentready" ONEVENT="main()" LITERALCONTENT="false"/>
</PUBLIC:COMPONENT>
<SCRIPT>
   function main() 
   {
     alert("HTC script executed.");
   }
</SCRIPT>

HTC dosya olayı main() fonksiyon ondocumentready (HTC belgenin hazırlık atıfta.) yürütür

Firefox ile XBL

Firefox XML-script-yürütme hack bir benzeri, XBL kullanarak destekler.

Öyle gibi: CSS kuralı kullanın

body {
  -moz-binding: url(script.xml#mycode);
}

ve script.xml içinde:

<?xml version="1.0"?>
<bindings xmlns="http://www.mozilla.org/xbl" xmlns:html="http://www.w3.org/1999/xhtml">

<binding id="mycode">
  <implementation>
    <constructor>
      alert("XBL script executed.");
    </constructor>
  </implementation>
</binding>

</bindings>

Kurucu etiketi içindeki tüm kodu (bir CDATA bölümü. wrap kodu için iyi bir fikir) yürütülür

Her iki teknikte dekodu CSS seçici belge içinde bir öğe eşleşen sürece çalıştırmaz. body, gibi bir şey kullanarak hemen sayfa yükleme üzerinde çalıştırır.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Dion Coulls

    Dion Coulls

    16 AĞUSTOS 2006
  • уσ ρℓz sυв ιℓℓ sυв вαcқ

    уσ ρℓz

    14 EKİM 2010
  • ModNation Racers H.Q.

    ModNation Ra

    31 Ocak 2010