في المشروع ، غالبًا ما تحتاج إلى إضافة Iframes بشكل ديناميكي ثم إجراء العمليات ذات الصلة على الإطارات المضافة. في بعض الأحيان ستواجه سبب تحميل iFrame ببطء شديد وكيفية حلها؟ دعونا نتعلم هذا المقال بهذا السؤال ونجد الإجابات!
AAA.HTML
<html> <head> <title> aaa </title> </head> <body> <Iframe src = "bbb.html" لغة = "javaScript"> تنبيه (bbb.document.all.txt.value) ؛ </script> </body> </html>
BBB.HTML
<html> <head> <title> bb </title> </head> <body> <type type = text name = txt value = "guoguo"> </body> </html>
سؤال:
قم بتنفيذ AAA.html أعلاه وابحث عن أن الكود لم يتم كتابته مباشرة ، ولكن يمكن أن يؤدي النقر فوق الزر إلى إنتاج قيمته.
تحليل:
عند تحميل الصفحة ، عندما تواجه iframe ، ستقفز فوقها ، وتحميل المحتوى التالي ، ثم تعود لتحميل iFrame. بالطبع ، يمكن أيضًا أن يُفهم أنه عندما تواجه iframe ، تقوم بفتح سلسلة رسائل لتحميل iframe. ومع ذلك ، نظرًا لأنه يستغرق وقتًا طويلاً في إشراك عمليات IO جديدة ، فإن تحميل iFrame لا يزال متأخراً عن تنفيذ رمز JS في أسفل الصفحة ، وبالتالي تحدث المشكلة أعلاه.
حل:
أضف تأخيرًا في رمز JS (يمكن أن يستند التأخير المحدد إلى تجربة شخصية) ، بحيث يمكنك التأكد من الحصول على الكائنات في iframe بشكل طبيعي.
<script language = "javaScript"> setTimeout ("Alert (bbb.document.all.txt.value)" ، 1500) ؛ </script>الخلاصة: عندما يتم تضمين iframe في صفحة ، إذا أردنا تشغيل الكائن في iframe من خلال JS ، يجب أن ننتظر حتى يتم تحميل iFrame قبل التشغيل ، وإلا فلن نحصل على الكائن المطلوب.
ما سبق هو الحل لإبطاء تحميل JS Iframe الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. في الوقت نفسه ، أود أن أشكرك كثيرًا على دعمكم لموقع Wulin.com!