رمز مشترك:
<iframe src = "http://www.baidu.com" marginWidth = "0" marginheight = "0" scrolling = "no" framborder = "0" width = "350"> </frame> <frame src = "// www.vevb.com/plugins FrameBorder = "0" style = "الحدود: لا شيء ؛ العرض: 450px ؛ الارتفاع: 80px"> </frame>
وصول JavaScript إلى الإطار وإطار الإطارات واتجاهات HREF
1. الإطار
1. المراجع من الوالد إلى إطار الطفل
معرفة المبدأ أعلاه ، يصبح من السهل جدًا الرجوع إلى إطار الطفل من إطار الوالدين ، أي:
window.frames ["FramEname"] ؛
هذا يشير إلى الإطار الفرعي المسمى FramEname في الصفحة. إذا كنت ترغب في الرجوع إلى الإطار الفرعي داخل الإطار الفرعي ، وفقًا للإطار المرجع ، فهو في الواقع طبيعة كائن النافذة ، حتى تتمكن من تنفيذها مثل هذا:
Window.frames ["FramEname"]. الإطارات ["FramEname2"] ؛
وبهذه الطريقة ، تتم الإشارة إلى الإطار الفرعي الثانوي ، وهكذا ، يمكن تحقيق إشارة إلى أطر عمل متعددة الطبقات.
2. المراجع من إطار الطفل إلى إطار الوالدين
يحتوي كل كائن نافذة على خاصية الأصل التي تمثل إطار عملها الأم. إذا كان الإطار بالفعل إطارًا من المستوى الأعلى ، فإن Window.Parent يمثل أيضًا الإطار نفسه.
3. ونقلت بين أطر الإخوة
إذا كان إطاران هما نفس الإطار الفرعي لنفس الإطار ، فسيطلق عليهما إطارات الأخوة ، ويمكن الرجوع إليهما من خلال الإطار الأصل. على سبيل المثال ، تتضمن الصفحة إطارين فرعيين:
<الإطارات صفوف = "50 ٪ ، 50 ٪"> <الإطار src = "1.html" name = "frame1 ″ /> <frame src =" 2.html "name =" frame2 ″ /> </framest>
في Frame1 ، يمكنك استخدام العبارة التالية للإشارة إلى Frame2:
self.parent.frames ["frame2"] ؛
4. المراجع بين مستويات مختلفة من الأطر
التسلسل الهرمي للإطار هو للإطار العالي المستوى. عندما تكون المستويات مختلفة ، فقط تعرف على المستوى الذي تتواجد فيه ومستوى واسم الإطار الآخر ، واستخدم خصائص كائن النافذة المشار إليها بواسطة الإطار ، يمكنك الوصول بسهولة إلى بعضها البعض ، على سبيل المثال:
self.parent.frames ["idildname"]. الإطارات ["TargetFramename"] ؛
5. الإشارات إلى الأطر على المستوى الأعلى
على غرار الخاصية الأصل ، يحتوي كائن النافذة أيضًا على خاصية أعلى. إنه يمثل إشارة إلى الإطار العالي المستوى ، والذي يمكن استخدامه لتحديد ما إذا كان الإطار نفسه هو إطار من المستوى الأعلى ، على سبيل المثال:
نسخة الكود كما يلي:
// احكم على ما إذا كان هذا الإطار هو إطار عمل أعلى
if (self == top) {
// dosomething
}
الآن
نسخة الكود كما يلي:
if (window.top! = window.self) {
// dosomething
}
تغيير صفحة التحميل للإطار
الإشارة إلى الإطار هي إشارة إلى كائن نافذة. باستخدام خاصية الموقع لكائن النافذة ، يمكنك تغيير التنقل في الإطار ، على سبيل المثال:
window.frames [0] .location = "1.html" ؛
مرجع متغيرات JavaScript ووظائفها ضمن أطر أخرى
قبل تقديم تقنيات الرجوع إلى متغيرات JavaScript ووظائفها في أطر أخرى ، دعونا نلقي نظرة على الكود التالي:
<script language = "javaScript" type = "text/javaScript"> <! function hello () {Alert ("hello ، ajax!") ؛} window.hello () ؛ /////////////////// /<دع<وقفوقفوقفوقفوقفوقفوقفوقفوقفوقفوقف 0حبوقف 0حبوقف 0وقف 0وقف 0)))))) ولاوقف 0 0)))) أووقف واقدع أودعهد أو أودعهدهار واقدع أو أوهدهار واقدع أو أوهدهداري أو أوهدهد أو مهبط أو أوهد واقدع))) أو) أو أوهدهار المقررة))) أو))))))))))))))))))))))) وم))))))))))))))))) ومدعول))2.iframe
بدقة ، يجب أن يكون استخدام صفائف الإطارات ، و document.all.
نسخة الكود كما يلي:
<iframe id = myiframe src = "about: <type type = checkbox name = mycheckbox value = mycheckbox
<نوع الإدخال = زر OnClick = "ALERT (document.frames.myiframe.document.all.mycheckbox.checked)">
ثلاثة
1. يتم تنفيذ حدث OnClick المرتبط أولاً ، يليه الإجراءات الواقعة تحت سمة HREF (JAVASCRIPT Pseudo-Link) ؛
2. على افتراض أن هناك كل من HREF و OnClick في الرابط ، إذا كنت تريد الإجراءات بموجب سمة HREF لا يتم تنفيذها ، يجب أن يحصل Onclick على قيمة إرجاع من False. إذا كنت لا تصدق ذلك ، فيمكنك التعليق على الإرجاع الخاطئ في وظيفة Gogoogle ؛
3. إذا كانت الصفحة طويلة جدًا وكان هناك أشرطة تمرير وتريد إجراء عمليات من خلال حدث OnClick المرتبط. يجب تعيين سمة HREF الخاصة بها على JavaScript: void (0) ؛ بدلاً من #، الذي يمنع قفزات الصفحة غير الضرورية ؛
4. إذا تم استدعاء وظيفة ذات قيمة إرجاع في سمة HREF المرتبطة ، فسيتم استبدال محتوى الصفحة الحالية بقيمة إرجاع هذه الوظيفة ؛
5. سيكون هناك بعض الاختلاف عند الضغط على مفتاح التحول.
6. المشكلة التي واجهتها اليوم هي أنه لا يمكن الوصول إلى ParentNode في IE6.0 في شكل HREF.
7. حاول عدم استخدام جافا سكريبت: بروتوكول كسمات HREF الخاصة بـ A ، والتي لن تسبب فقط تشغيل غير ضروري للنافذة.
يحب:
<a href = "javaScript: void (0)" onClick = "linkchangepwd ()"> تغيير كلمة المرور </a>
اضبط ارتفاع الإطار
نسخة الكود كما يلي:
window.onload = function () {
parent.document.getElementById ('customiframe'). style.height = document.body.clientheight + "px" ؛
}