Iframe'ler, web sayfaları gibi harici içeriği geçerli bir sayfaya yerleştirmenize izin veren HTML öğeleridir. Bu makalede, JavaScript kullanarak tek bir düğme kullanarak iki veya daha fazla iframe'in içeriğini nasıl değiştireceğinizi gösteriyoruz.

iframe nedir?

iframe, harici içeriği bir web sayfasına yerleştirebilen bir HTML öğesidir. etiketi kullanabilirsiniz web sitenize bir web sayfası, video, belge veya diğer multimedya içeriği yerleştirmek için. Bir iframe'in temel yapısı aşağıdaki gibidir:

JavaScript kullanarak, daha etkileşimli ve sorunsuz bir kullanıcı deneyimi sağlayarak iframe'lerin içeriğini dinamik olarak değiştirebilirsiniz.

Birden çok iframe içeriğinin bir düğmeden nasıl değiştirileceğine ilişkin örnek

Aşağıdaki örnekte, JavaScript kullanarak tek bir düğme kullanarak üç iframe'in içeriğinin nasıl değiştirileceğini gösteriyoruz:

Bu örnekte, kimlikleri olan üç iframe oluşturduk iframe1, iframe2 Ve iframe3 bu gömmek sayfa1.html, sayfa2.html Ve sayfa3.html sırasıyla. Ardından, tıklandığında işlevi yürüten bir düğme oluşturduk. içeriği değiştir(). Bu fonksiyon kullanır getElementById() her bir iframe'i seçmek ve niteliğini değiştirmek için kaynak yeni sayfalara yeni_sayfa1.html, yeni_sayfa2.html Ve yeni_sayfa2.html.