ในกรณีที่ผู้ใช้ลืมระบุในขณะที่สร้าง iframe คุณสามารถเพิ่มแบบไดนามิกได้หลังจากการสร้างโดยใช้ JavaScript
คู่มือนี้จะอธิบายขั้นตอนทั้งหมดในการส่งพารามิเตอร์ URL ไปยัง iframe ใน JavaScript
กระบวนการในการส่งพารามิเตอร์ URL ไปยัง iframe ใน JavaScript คืออะไร
หากต้องการส่งพารามิเตอร์ URL ไปที่ 'Iframe' ให้ทำตามคำแนะนำทีละขั้นตอนที่ให้ไว้
ขั้นตอนที่ 1: สร้างโค้ด HTML องค์ประกอบ Iframe HTML
ขั้นแรก สร้างองค์ประกอบ “iframe” ในโค้ด HTML ด้วยความช่วยเหลือของ “ <ไอเฟรม> แท็ก”:
< รหัสไอเฟรม = 'มายไอเฟรม' เส้นขอบกรอบ = '1' > ไอเฟรม >
ที่นี่องค์ประกอบ HTML ที่สร้างขึ้นมีรหัส 'myIframe' และจัดรูปแบบโดยใช้คุณสมบัติ 'frameborder' ที่มีค่า '1'
ขั้นตอนที่ 2: ส่งพารามิเตอร์ URL ไปยัง Iframe ที่สร้างขึ้น
จากนั้น ทำตามโค้ด JavaScript ที่ระบุด้านล่างเพื่อส่ง/เพิ่มพารามิเตอร์ URL ไปยังองค์ประกอบ iframe ที่สร้างขึ้น:
< สคริปต์ >ให้ไอเฟรม = เอกสาร. รับ ElementById ( 'มายไอเฟรม' ) ;
อนุญาต URL = 'onkeyup.html' ;
ปล่อยให้ความกว้าง = '300' ;
ปล่อยให้ความสูง = '500' ;
ให้ภูมิศาสตร์ = 'สหราชอาณาจักร' ;
ให้ passURL = URL + '?ภูมิศาสตร์=' + ภูมิศาสตร์ + '&ขนาด=' + ความกว้าง + 'เอ็กซ์' + ความสูง ;
ไอเฟรม src = URL โฆษณา ;
คอนโซล บันทึก ( passURL ) ;
สคริปต์ >
ในบรรทัดโค้ดด้านบน:
- ตัวแปร “Iframe” ตัวแรกจะใช้ “ document.getElementById() ” เพื่อเข้าถึงองค์ประกอบ “iframe” ที่สร้างขึ้นโดยใช้รหัส “myIframe”
- ที่สอง ' URL ” ตัวแปรระบุเส้นทางของเอกสารที่ต้องการซึ่งผู้ใช้ต้องการฝังลงในเอกสาร HTML ปัจจุบันผ่าน iframe
- ต่อไป “ ความกว้าง ” ตัวแปรกำหนดความกว้างขององค์ประกอบ iframe ที่สร้างขึ้นและ “ ความสูง ” ตัวแปรระบุความสูง
- หลังจากนั้นตัวแปร 'geo' จะกำหนดโดเมนของ URL เช่น 'uk (โดเมนระดับบนสุดของรหัสประเทศอินเทอร์เน็ต (ccTLD))'
- ตอนนี้ “ passURL ” ตัวแปรเชื่อมค่าของตัวแปร URL, ภูมิศาสตร์, ความกว้าง และความสูงเพื่อสร้าง URL
- จากนั้น ส่ง URL ที่สร้างขึ้นไปยังองค์ประกอบ iframe ที่สร้างขึ้น
- สุดท้ายนี้ “ console.log() ” วิธีการแสดง URL ที่สร้างขึ้น
ขั้นตอนที่ 3: ตรวจสอบผลลัพธ์
สังเกตได้ว่า URL ที่สร้างขึ้นของเอกสาร HTML ได้ส่งผ่านไปยังองค์ประกอบ iframe ที่สร้างขึ้นเรียบร้อยแล้ว
บทสรุป
ใน JavaScript หากต้องการส่งพารามิเตอร์ URL ไปยังองค์ประกอบ iframe ผู้ใช้จะต้อง 'สร้างองค์ประกอบ iframe ตัวอย่าง' ก่อน จากนั้นจึง 'สร้าง URL' โดยระบุ 'เส้นทาง' 'ความกว้าง' 'ความสูง' และ 'โดเมน' คุณลักษณะ. เมื่อสร้าง URL แล้ว ให้ส่งต่อไปยังองค์ประกอบ iframe HTML ที่สร้างขึ้น คู่มือนี้อธิบายในทางปฏิบัติจริงเกี่ยวกับขั้นตอนทั้งหมดในการส่งพารามิเตอร์ URL ไปยัง iframe ใน JavaScript