Iframes არის HTML ელემენტები, რომლებიც საშუალებას გაძლევთ ჩართოთ გარე შინაარსი, როგორიცაა ვებ გვერდები, მიმდინარე გვერდზე. ამ სტატიაში ჩვენ გაჩვენებთ, თუ როგორ უნდა შეცვალოთ ორი ან მეტი iframe-ის შინაარსი ერთი ღილაკის გამოყენებით JavaScript-ის გამოყენებით.

რა არის iframe?

iframe არის HTML ელემენტი, რომელსაც შეუძლია გარე შინაარსის ჩასმა ვებ გვერდზე. შეგიძლიათ გამოიყენოთ ეტიკეტი ვებ გვერდის, ვიდეოს, დოკუმენტის ან სხვა მულტიმედიური შინაარსის ჩასართავად თქვენს ვებსაიტზე. iframe-ის ძირითადი სტრუქტურა შემდეგია:

JavaScript-ის გამოყენებით, შეგიძლიათ დინამიურად შეცვალოთ iframes-ის შინაარსი, რაც უზრუნველყოფს მომხმარებლის უფრო ინტერაქტიულ და შეუფერხებელ გამოცდილებას.

მაგალითი იმისა, თუ როგორ უნდა შეცვალოთ მრავალი iframe-ის შინაარსი ღილაკიდან

შემდეგ მაგალითში ჩვენ ვაჩვენებთ, თუ როგორ უნდა შეცვალოთ სამი iframe-ის შინაარსი ერთი ღილაკის გამოყენებით JavaScript-ის გამოყენებით:

ამ მაგალითში ჩვენ შევქმენით სამი iframe ID-ით iframe1, iframe2 და iframe3 რომ ჩანერგვა page1.html, page2.html და page3.html შესაბამისად. შემდეგი, ჩვენ შევქმენით ღილაკი, რომელიც დაწკაპუნებისას ასრულებს ფუნქციას changeContent(). ეს ფუნქცია იყენებს getElementById() თითოეული iframe-ის შესარჩევად და მისი ატრიბუტის შესაცვლელად src ახალ გვერდებზე new_page1.html, new_page2.html და new_page2.html.