Bazı iframe bölümleri olan basit bir sayfam var (RSS bağlantılarını görüntülemek için). Ana sayfadaki CSS formatının aynısını iframe içinde görüntülenen sayfaya nasıl uygulayabilirim?
Eğer iframe'in içeriği tamamen sizin kontrolünüz altında değilse veya içeriğe farklı sayfalardan farklı stillerle erişmek istiyorsanız JavaScript kullanarak onu manipüle etmeyi deneyebilirsiniz.
var frm = frames['frame'].document;
var otherhead = frm.getElementsByTagName("head")[0];
var link = frm.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", "style.css");
otherhead.appendChild(link);
Kullandığınız tarayıcıya bağlı olarak bunun yalnızca aynı etki alanından sunulan sayfalarda çalışabileceğini unutmayın.
Bir iframe, çoğu tarayıcı tarafından evrensel olarak farklı bir HTML sayfası gibi ele alınır. Aynı stil sayfasını iframe'in içeriğine uygulamak istiyorsanız, orada kullanılan sayfalardan referans vermeniz yeterlidir.
Hangy'nin dediği gibi iframe içindeki sayfayı kontrol ediyorsanız, en kolay yaklaşım ortak stillere sahip paylaşılan bir CSS dosyası oluşturmak ve ardından html sayfalarınızdan buna bağlantı vermektir.
Aksi takdirde, iframe'inizdeki harici bir sayfadan bir sayfanın stilini dinamik olarak değiştirmeniz pek mümkün olmayacaktır. Bunun nedeni, tarayıcıların spoofing ve diğer saldırılar için olası kötüye kullanım nedeniyle çapraz çerçeve dom komut dosyası üzerindeki güvenliği sıkılaştırmış olmasıdır.
Bu eğitim size genel olarak iframe'lerin kodlanması hakkında daha fazla bilgi sağlayabilir. Çapraz çerçeve komut dosyası oluşturma hakkında IE perspektifinden güvenlik kısıtlamalarını açıklar.