طريقة التنفيذ التكيفية لإطارات الإطارات

الكاتب：Eve Cole وقت التحديث：2025-02-22 14:16:01

هناك صفحة في domaina index.html ، متداخلة مع other.html في صفحة في domainb من خلال iframe

نظرًا لأن صفحة أخرى. html يتم عرضها في iframe ، وسيزيد محتوى الصفحة أو ينقص ديناميكيًا ، والآن يجب إزالة شريط الدوران iframe

نظرًا لقيود الاستراتيجيات المتماثلة JavaScript ، لا يمكن إجراء عمليات متقاطعة ، مما يجعل المشكلة أكثر صعوبة

ارجع إلى نهج الإنترنت ، أو تقديم صفحة وكالة ، أو الوكيل. html ، الذي ينتمي إلى Domaina

ثم ، في الجانب الآخر.

حسنًا ، هذا هو الحال الآن:

index.html يستخدم iframe متداخلة أخرى.

other.html يستخدم Iframe Nesting Agent.html

سبب إدخال وكيل الصفحة الثالثة. html هو الامتثال لقواعد "الاستراتيجية المتجانسة" وإكمال نقل المعلمات ضمن مجال مختلف!

هدفنا النهائي هو إزالة شريط التدحرج ، ولضمان عرض جميع محتويات الصفحة المضمنة

1. الارتفاع الفعلي للارتفاع الفعلي للصفحة الأخرى. html

2. ضبط الارتفاع على خاصية SRC من iframe في مضمنة

3. التقاطع قيمة الارتفاع في سمة SRC من iframe في Agent.html

في المثال التالي ، يتم استخدام تقنية لتجنب استخدام setInterval () لتعيين ارتفاع Iframe باستمرار

تتمثل الطريقة في إضافة طابع زمني على SRC من iframe ، مما يسمح للمتصفح بإعادة تحميل Agent.html في كل مرة

ثم اترك وظيفة JS في Agent.hml InvokeThodIntOpwindow () يتم تنفيذها

2 html في دومينا

index.html

نسخ رمز رمز على النحو التالي:

#{تمتد 'main.html' /}

#{set title: '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 = vokeMethodIntOpWindow ؛

الدالة 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) ؛ // احصل على اسم النافذة حيث توجد الحاوية Domaina

// خطأ: // ALERT (document.parentwindow.parent.name) ؛

// ALERT (document.parentWindow.parent.parent.name) ؛ // الطبقة العليا من النوافذ تنتمي إلى Domaina ، حتى تتمكن من زيارتها

}

// بعد تعيين سمة SRC لـ IFRAME مع طابع زمني مختلف ، لا تحتاج إلى استخدام SetInterval ()

// setInterval ("InvokeMethodIntOpWindow ()" ، 100) ؛

</script>

</body>

</html>

other.html في domainb

نسخ رمز رمز على النحو التالي:

<html>

<head>

<title> إدراج العنوان هنا </title>

</head>

<!-صفحة مضمنة في مجال->

<button type = "button" onClick = "btnclick ()"> عرض التبديل </button>

في JavaScript ، هناك حد أمني مهم للغاية ، يسمى "سياسة الأصل من نفس".

لقد جعلت هذه الاستراتيجية قيودًا مهمة على محتوى الصفحة التي يمكن أن يصل إليها رمز JavaScript ، أي أن JavaScript يمكنه فقط الوصول إلى محتوى المستند الذي يحتوي على مستنداته في نفس المجال.