تصف هذه المقالة طريقة استدعاء وظائف الاتصال في صفحة إطار IFRAME في JavaScript. طريقة الاتصال هذه في الواقع بسيطة للغاية. باستخدام هذه الطريقة ، يمكننا تمرير أو تعديل القيم بين الإطارات ، والعملية بسيطة للغاية. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
الوصول إلى الوظائف في iframe:
نسخة الكود كما يلي: document.getElementById ('commentiframe'). contentWindow.haslogined () ؛
Commentiframe هو معرف iframe.
لتنفيذها في النافذة.
الأمثلة على النحو التالي:
1.html
انسخ الرمز كما يلي: <a href = "#" onClick = "window.frames ['frame1']. myNext ()"> aa </a>
<iframe id = "frame1" src = "2.html"> </frame>
2.html صفحة
انسخ الرمز كما يلي: <script language = "javaScript" type = "text/javaScript">
وظيفة myNext ()
{
تنبيه (1) ؛
}
</script>
يمكن للنقر فوق زر الاختبار في 1.htm إبطال زر MyButton في 2.htm (صفحة iframe). هذا بسيط ، هاها. إذا كنت ترغب في الاتصال بوظيفة JS في 2.htm ، فاكتب هذا:
انسخ الرمز كما يلي: self.frames ['a']. functionName (param)
استدعاء وظيفة JS في 2.htm في 1.htm: iframe2.showinfo () ؛
وصف مثال:
لنفترض أن هناك صفحتين ، index.html و inner.html. هناك iframe في index.html ، ويشير SRC لهذا iframe إلى inner.html.
ما يجب أن نفعله الآن هو:
1. استدعاء طريقة JS على inner.html في index.html
2. استدعاء طريقة JS على index.html في inner.html
رمز التنفيذ كما يلي:
index.html:
انسخ الرمز كما يلي: <html>
<head>
<script type = "text/javaScript">
وظيفة ff () {
ALERT (">> هذا هو INDEX JS Function INDEX.HTML") ؛
}
</script>
</head>
<body>
<div النمط = "الخلفية: LightBlue ؛">
هذه هي صفحة الفهرس.
<type type = "button" value = "Run Index's function" onClick = "ff () ؛" />
<type type = "button" value = "تشغيل وظيفة الصفحة الداخلية" onClick = 'window.frames ["philespage"]. Sonff () ؛ " />
</div>
<iframe id = "philespage" name = "philespage" src = "inner.html" frameBorder = "0"> </frame>
</body>
</html>
inner.html:
انسخ الرمز كما يلي: <html>
<head>
<script type = "text/javaScript">
وظيفة sonff () {
تنبيه (">> هذه وظيفة JS الداخلية للصفحة") ؛
}
</script>
</head>
<body>
<div النمط = "الخلفية: Lightgreen ؛">
هذه الصفحة الداخلية.
<type type = "button" value = "تشغيل وظيفة الفهرس" onClick = 'parent.window.ff () ؛' />
<type type = "button" value = "تشغيل وظيفة الصفحة الداخلية" onClick = "Sonff () ؛" />
</div>
</body>
</html>
آمل أن يكون الوصف في هذه المقالة مفيدًا لبرمجة الويب للجميع بناءً على JavaScript.