วิธีการปรับใช้หน้าต่างความสูงของหน้าต่าง IFRAME

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-02-22 14:16:01

มีหน้าหนึ่งใน domaina index.html ซ้อนกับ other.html ในหน้าใน domainb ผ่าน iframe

เนื่องจากหน้าอื่น ๆ . html จะแสดงใน iframe และเนื้อหาของหน้าจะเพิ่มหรือลดลงแบบไดนามิกตอนนี้แถบการหมุน iframe จะต้องถูกลบออก

เนื่องจากข้อ จำกัด ของกลยุทธ์ที่คล้ายคลึงกันของ JavaScript จึงไม่สามารถดำเนินการข้ามโดเมนได้ซึ่งทำให้ปัญหายากขึ้น

อ้างถึงวิธีการทางอินเทอร์เน็ตแนะนำหน้าตัวแทนหรือ agent.html ซึ่งเป็นของ Domaina

จากนั้นในอีกด้านหนึ่ง html ใน domainb จากนั้นใช้ iframe กับ agent.html ที่ซ้อนกันสำหรับซ้อนกัน

โอเคนี่เป็นกรณีนี้:

index.html ใช้ iframe ซ้อนกันอื่น ๆ html

อื่น ๆ . html ใช้ iframe nesting agent.html

เหตุผลในการแนะนำ Agent Page 3rd.html คือการปฏิบัติตามกฎของ "กลยุทธ์ที่เป็นเนื้อเดียวกัน" และเสร็จสิ้นการถ่ายโอนพารามิเตอร์ภายใต้โดเมนที่แตกต่างกัน!

จุดประสงค์สูงสุดของเราคือการลบแถบกลิ้งและเพื่อให้แน่ใจว่าเนื้อหาทั้งหมดของหน้าฝังจะปรากฏขึ้น

1. ความสูงที่แท้จริงของระดับความสูงจริงของหน้าอื่น ๆ html

2. ตั้งค่าความสูงบนคุณสมบัติ src ของ iframe ในการฝัง

3. interture ค่าความสูงในแอตทริบิวต์ src ของ iframe ใน agent.html

ในตัวอย่างต่อไปนี้มีการใช้เทคนิคเพื่อหลีกเลี่ยงการใช้ setInterval () เพื่อตั้งค่าความสูงของ iframe อย่างต่อเนื่อง

วิธีการคือการเพิ่มการประทับเวลาบน SRC ของ IFRAME ทำให้เบราว์เซอร์สามารถโหลด agent.html ได้ทุกครั้ง

จากนั้นให้ฟังก์ชั่น js ใน agent.hml invokemethodintopwindow ()

2 html ใน domaina

index.html

คัดลอกรหัสรหัสดังนี้:

#{ขยาย 'main.html' /}

#{ตั้งชื่อชื่อ: 'home' /}

<Hr>

<div style = "color: red; font-weight: bold"> 窗口自适应 --- 绕开同源策略的限制，同时又利用同源策略，去掉 iframe 的滚动条，动态调整窗口的高度，让让让让สามารถแสดงเนื้อหาทั้งหมดของหน้าซ้อนกัน </div>

<!-คุณต้องปรับความสูงของ iframe-> แบบไดนามิกแบบไดนามิก

</div>

ฟังก์ชั่นปรับขนาด (ความสูง) {

// การแจ้งเตือน ("ปรับขนาด");

document.getElementsByName ("domainb") [0] .height = ความสูง;

</script>

agent.html

คัดลอกรหัสรหัสดังนี้:

<html>

<head>

<title> แทรกชื่อเรื่องที่นี่ </title>

</head>

<body>

ฉันเป็นหน้าพร็อกซี!

window.onload = invokemethodintopwindow;

ฟังก์ชั่น invokemethodintopwindow () {) {

// Alert ("เรียกฟังก์ชั่นในโดเมนเดียวกันรีเซ็ตความสูงของ iframe");

var domain = document.parentWindow;

var realheight = domaina.location.hash.split ("#") [1];

// ขั้นตอนสุดท้าย: เรียกฟังก์ชันของหน้าต่างชั้นบนและรีเซ็ตความสูงของ iframe

parent.parent.resize (Realheight);

// Alert ("Realheight:"+Realheight);

// alert (document.parentwindow.name); // รับชื่อของหน้าต่างที่คอนเทนเนอร์อยู่

// ข้อผิดพลาด: // alert (document.parentwindow.parent.name);

// alert (document.parentwindow.parent.parent.name); // ชั้นบนสุดของหน้าต่างเป็นของ Domaina ดังนั้นคุณสามารถเยี่ยมชมได้

// หลังจากตั้งค่าแอตทริบิวต์ SRC ของ IFRAME ด้วยการประทับเวลาที่แตกต่างกันไม่จำเป็นต้องใช้ setInterval ()

// setInterval ("InvokemethodintopWindow ()", 100);

</script>

</body>

</html>

อื่น ๆ . html ใน domainb

คัดลอกรหัสรหัสดังนี้:

<html>

<head>

<title> แทรกชื่อเรื่องที่นี่ </title>

</head>

<!-หน้าฝังอยู่ในโดเมน->

<button type = "button" onclick = "btnclick ()"> สวิตช์แสดง </button>

ใน JavaScript มีขีด จำกัด ด้านความปลอดภัยที่สำคัญมากที่เรียกว่า "นโยบายต้นกำเนิดเดียวกัน"

กลยุทธ์นี้มีข้อ จำกัด ที่สำคัญเกี่ยวกับเนื้อหาของหน้าเว็บที่รหัส JavaScript สามารถเข้าถึงได้นั่นคือ JavaScript สามารถเข้าถึงเนื้อหาของเอกสารที่มีเอกสารในโดเมนเดียวกันเท่านั้น

homologous ที่เรียกว่าหมายถึงชื่อโปรโตคอลและพอร์ตเดียวกัน

</div>

ตัวอย่างเช่นโปรแกรมแฮ็กเกอร์เขาใช้ IFRAME เพื่อฝังหน้าล็อกอินธนาคารจริงไปยังหน้าของเขา

หน้าของเขาสามารถอ่านเนื้อหาในอินพุตในแบบฟอร์มของคุณผ่าน JavaScript เพื่อให้ชื่อผู้ใช้รหัสผ่านเป็นเรื่องง่าย

</div>

<!-ฝังผกผันในหน้าของโดเมน->

<!-สคริปต์->

// ซ่อนหรือแสดง div

ฟังก์ชั่น btnclick () {{)

ความลึก var = document.getElementsByTagname ("div");

สำหรับ (var i ใน div) {

ถ้า (i <div.length)

กลุ่ม

</script>

ฟังก์ชั่นพร็อกซี () {

// Alert ("BTN คลิก");

// รับความสูงของหน้านี้

var scrollheight = document.documentedlement.scrollheight;

// Alert ("ความสูงของแถบกลิ้ง:"+scrollheight);

// ตั้งค่าความสูงของหน้าต่างก่อนเป็นแอตทริบิวต์ src ของ iframe ที่เป็นของ domaina

var iframedomaina = document.getElementsByName ("domaina") [0];

// ใช้หน้าของ Domaina เป็นตัวแทนและจุดประสงค์ที่ดีที่สุดคือการแก้ข้อ จำกัด ของ "กลยุทธ์ที่คล้ายคลึงกัน"

var url = "http: // localhost: 9000/agent";

/** ทักษะ: ให้เบราว์เซอร์ถูกโหลดอีกครั้งด้วย iframe ผ่านการประทับเวลาเพื่อให้ทุกครั้งที่มันจะตั้งค่าความสูงของ iframe ที่ซ้อนกันโดยอัตโนมัติเพื่อหลีกเลี่ยงการใช้ setInterval ()*//

iframedomainaina.src = url + "? time =" + วันที่ใหม่ ()

window.onload = พร็อกซี;

</script>

</body>

</html>