ZZzzz~ อาจเลื่อน

src: เส้นทางของไฟล์ซึ่งอาจเป็นไฟล์ HTML, ข้อความ, ASP ฯลฯ ;
ความกว้าง ความสูง: ความกว้างและความสูงของพื้นที่ "รูปภาพซ้อนภาพ"
การเลื่อน: เมื่อไฟล์ HTML ที่ระบุของ SRC ไม่แสดงในพื้นที่ที่ระบุ ตัวเลือกการเลื่อนหากตั้งค่าเป็น NO แถบเลื่อนจะไม่ปรากฏขึ้น หากเป็นอัตโนมัติ: แถบเลื่อนจะปรากฏขึ้นโดยอัตโนมัติ หากเป็นใช่ มันจะปรากฏขึ้น;
frameborder: ความกว้างของเส้นขอบพื้นที่ เพื่อผสมผสาน "ภาพซ้อนภาพ" กับเนื้อหาที่อยู่ติดกัน มักจะตั้งค่าเป็น 0

ตัวอย่างเช่น:

ระหว่างหน้าต่างและลอย ในภาษาสคริปต์และลำดับชั้นของวัตถุ หน้าต่างที่มี Iframe เรียกว่าฟอร์มหลัก และเฟรมลอยเรียกว่าฟอร์มลูก สิ่งสำคัญคือต้องชี้แจงความสัมพันธ์ระหว่างทั้งสอง เนื่องจากจำเป็นต้องควบคุม Iframe ในตัว แบบฟอร์มหลัก เมื่อเข้าถึงฟอร์มย่อยหรือในทางกลับกัน คุณต้องทราบลำดับชั้นของวัตถุก่อนจึงจะสามารถเข้าถึงและควบคุมแบบฟอร์มผ่านโปรแกรมได้

1. เข้าถึงและควบคุมออบเจ็กต์ในฟอร์มย่อยในฟอร์มพาเรนต์ ในฟอร์มพาเรนต์ ซึ่งก็คือฟอร์มย่อย จะเป็นออบเจ็กต์ย่อยของออบเจ็กต์เอกสาร .
ตอนนี้มีคำถามคือ เราจะควบคุม Iframe นี้ได้อย่างไร ที่นี่เราต้องพูดถึงวัตถุ Iframe เมื่อเราตั้งค่าแอตทริบิวต์ ID ให้กับแท็กนี้ เราสามารถดำเนินการชุดการควบคุมบน HTML ที่มีอยู่ใน Iframe ผ่านทาง Document Object Model DOM

ตัวอย่างเช่น ฝังไฟล์ test.htm ใน example.htm และควบคุมออบเจ็กต์แท็กบางรายการใน test.htm:

รหัสไฟล์ test.htm คือ:

<ร่างกาย>

สวัสดีเด็กน้อย

2. เข้าถึงและควบคุมออบเจ็กต์ในฟอร์มพาเรนต์ในฟอร์มลูก ในฟอร์มลูก เราสามารถเข้าถึงออบเจ็กต์ในหน้าต่างพาเรนต์ผ่านออบเจ็กต์พาเรนต์ (พาเรนต์)
เช่น example.htm:

สวัสดีภรรยาของฉัน

แม้ว่า Iframe จะถูกฝังอยู่ในไฟล์ HTML อื่น แต่ยังคงค่อนข้างเป็นอิสระและเป็น "อาณาจักรอิสระ" ลักษณะเฉพาะใน HTML เดียวยังใช้กับเฟรมลอยอีกด้วย

ลองนึกภาพด้วยแท็ก Iframe เราสามารถแสดงเนื้อหาที่ไม่เปลี่ยนแปลงเป็น Iframe ได้ ด้วยวิธีนี้ เราไม่จำเป็นต้องเขียนเนื้อหาเดียวกันซ้ำๆ นี่เป็นเหมือนกระบวนการหรือฟังก์ชันในการเขียนโปรแกรมและจะน่าเบื่อขนาดไหน ประหยัดแรงงานคน! นอกจากนี้ และที่สำคัญคือ ทำให้การแก้ไขเพจเป็นไปได้มากขึ้น เนื่องจากแทนที่จะต้องแก้ไขแต่ละเพจเพื่อปรับเค้าโครง คุณเพียงแค่ต้องแก้ไขโครงร่างของฟอร์มหลักเพียงฟอร์มเดียวเท่านั้น
โปรดทราบว่าเวอร์ชันก่อน Nestscape 6.0 ไม่รองรับแท็ก Iframe

ตัวอย่าง:

หลังจากใช้ iframe พบว่าแถบเลื่อนไม่สวยงามเลยขอใช้ 2 ภาพแทน↑↓
สิ่งนี้จะเกิดขึ้นได้อย่างไร?

คำตอบ:
แทนที่ ของหน้าเว็บด้วยโค้ดต่อไปนี้
<ภาษาสคริปต์="จาวาสคริปต์">
ฟังก์ชั่นเลื่อน (n)
{อุณหภูมิ=n;
Out1.scrollTop=Out1.scrollTop+temp;
ถ้า (temp==0) กลับ;
setTimeout("เลื่อน(อุณหภูมิ)",80);
-

<ความกว้างของตาราง="330">

โค้ดต่อไปนี้สามารถใช้ความสูงที่ปรับได้ของ IFrame กล่าวคือ จะปรับตามความยาวของหน้าโดยอัตโนมัติ เพื่อหลีกเลี่ยงไม่ให้แถบเลื่อนปรากฏบนหน้าและ IFrame ในเวลาเดียวกัน
ซอร์สโค้ดจะเป็นดังนี้

URL อื่น ๆ ที่มีค่าอ้างอิง:
http://www.webshu.com/tutorial/tor/7,id=0408.htm //การใช้งาน iframe ที่ฝังอยู่ในหน้าเว็บ
http://www.phpx.com/man/dhtmlcn/objects/IFRAME.html // วัตถุ IFRAME
http://www.hoyo.idv.tw/web-program/html/iframe.htm // iframe เฟรมแบบอินไลน์