HTML DOM iframe Object แสดงถึงองค์ประกอบ
ให้เราสร้างวัตถุ iframe -
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
document.createElement(“IFRAME”);
คุณสมบัติ
ต่อไปนี้เป็นคุณสมบัติของ iframe Object −
| คุณสมบัติ | คำอธิบาย |
|---|---|
| เนื้อหาเอกสาร | ส่งคืนวัตถุเอกสารที่สร้างโดยองค์ประกอบ HTML ของ iframe |
| contentWindow | ส่งคืนวัตถุหน้าต่างที่สร้างโดยองค์ประกอบ HTML ของ iframe |
| ความสูง | ส่งกลับและแก้ไขค่าแอตทริบิวต์ความสูงขององค์ประกอบ HTML ของ iframe |
| ชื่อ | ส่งกลับและแก้ไขค่าของแอตทริบิวต์ชื่อขององค์ประกอบ HTML ของ iframe |
| แซนด์บ็อกซ์ | ส่งกลับและแก้ไขค่าของแอตทริบิวต์แซนด์บ็อกซ์ขององค์ประกอบ HTML ของ iframe |
| ไร้รอยต่อ | ส่งกลับและแก้ไขว่า iframe ควรมีลักษณะไร้รอยต่อเหมือนเป็นส่วนหนึ่งของหน้าเว็บหรือไม่ เช่น ไม่มีขอบและไม่มีแถบเลื่อน |
| src | ส่งกลับและแก้ไขค่าของแอตทริบิวต์ src ขององค์ประกอบ HTML ของ iframe |
| srcdoc | ส่งกลับและแก้ไขค่าของแอตทริบิวต์ srcdoc ขององค์ประกอบ HTML ของ iframe |
| ความกว้าง | ส่งกลับและแก้ไขค่าแอตทริบิวต์ width ขององค์ประกอบ HTML ของ iframe |
ตัวอย่าง
ให้เราดูตัวอย่างของวัตถุ DOM iframe -
<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align:center;
}
.btn{
background-color:lightblue;
border:none;
height:2rem;
border-radius:50px;
width:60%;
margin:1rem auto;
}
</style>
</head>
<body>
<h1>DOM IFrame Object Example</h1>
<button onclick="createIframe()" class="btn">Click me to create an iframe</button>
<script>
function createIframe() {
var x = document.createElement("IFRAME");
x.setAttribute("src", "https://tutorialspoint.com/");
document.body.appendChild(x);
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

คลิกที่ “คลิกฉันเพื่อสร้าง iframe ” เพื่อสร้าง iframe -
