عندما يتعلق الأمر بـ Iframe ، فقد تكون قد ألقيته بالفعل في "زاوية منسية" ، لكن هذا ليس غريباً على إطار أخيها. علامات الإطار هي علامات الإطار. ما نسميه بنية متعددة الإطار هو عرض ملفات HTML متعددة في نافذة المتصفح. يحتوي هذا الموقع على هذه المقالة للحديث عن استخدام الإطارات على صفحة إنتاج علامة IFRAME ، وشرح بالتفصيل تقنيات ومعرفة علامة IFRAME ذات الصلة في المقالة. مرحبًا بك في تقديم بعض الدعم والمساعدة في هذا الصدد! فيما يلي التفاصيل:
بالنظر إلى مواقع الويب الحالية ، تكون سرعة الإنترنت بطيئة بعض الشيء ، ولكن كل صفحة تقريبًا لديها الكثير من الأشياء المماثلة ، مثل لافتات ، وصور الأعمدة ، وحقوق الطبع والنشر ، وما إلى ذلك ، بالطبع ، لتلبية احتياجات أسلوب مواقع الويب الموحدة وتأثيرات الإعلان ، إنها مفهومة ، ولكن بعد كل شيء ، أصبحت محافظ المستخدمين متزايدين مع هذه الأشياء المملوءة. هل هناك طريقة لمنع هذه الأشياء المماثلة من تنزيلها مرة واحدة ، ولكن فقط تنزيل محتوى الويب هذا مع التغييرات في المحتوى؟
الجواب نعم: تطبيق علامات iframe!
1. استخدام علامات iframe
عندما يتعلق الأمر بـ Iframe ، فقد تكون قد ألقيته في زاوية منسية ، لكن ليس من الغريب التحدث عن إطار أخيها. علامات الإطار هي علامات الإطار. ما نسميه بنية متعددة الإطار هو عرض ملفات HTML متعددة في نافذة المتصفح. الآن ، نواجه موقفًا واقعيًا للغاية: إذا كان هناك برنامج تعليمي وقسم واحد في وقت واحد ، ويتم إجراء رابط إلى الأقسام السابقة والقادمة في نهاية كل صفحة. باستثناء المحتويات المختلفة لكل قسم ، فإن محتويات الأجزاء الأخرى من الصفحة هي نفسها. إذا قمت بعمل صفحة غبية على صفحة ، فإنها تبدو مزعجة للغاية. في هذا الوقت ، لديك فكرة مفاجئة. إذا كانت هناك طريقة للحفاظ على الأجزاء الأخرى من الصفحة دون تغيير ، وجعل البرنامج التعليمي فقط في صفحة محتوى لكل صفحة على حدة دون محتوى آخر. عند النقر فوق الرابط للرجوع لأعلى ولأسفل ، قم فقط بتغيير محتوى البرنامج التعليمي ، والحفاظ على الآخرين دون تغيير. وبهذه الطريقة ، يتمثل المرء في توفير الوقت ، وفي المستقبل ، إذا كان هناك تغيير في ثلاثة شورتات طويلة وشورتين في البرنامج التعليمي ، فهو مناسب جدًا أيضًا ، بحيث لا يؤثر على الجيش بأكمله ؛ الأهم من ذلك ، قم بتنزيل لافتة الإعلانات ، قائمة الأعمدة ، التنقل وغيرها من الأشياء التي يتم تنزيلها فقط مرة واحدة ثم لم تعد تنزيلها.
يمكن استخدام علامات iFrame ، المعروفة أيضًا باسم علامات الإطار العائمة ، لتضمين مستند HTML في شاشة HTML. إنه يختلف عن الميزة الأكبر لعلامة الإطار ، أي ملف HTML المشار إليه بواسطة هذه العلامة لا يتم عرضه بشكل مستقل عن ملف HTML آخر ، ولكن يمكن تضمينه مباشرة في ملف HTML ، المخلوط مع محتوى ملف HTML هذا ليصبح كليًا. بالإضافة إلى ذلك ، يمكن عرض نفس المحتوى على صفحة عدة مرات دون الحاجة إلى تكرار المحتوى. استعارة حية هي تلفزيون صورة في الصورة.
الآن دعنا نتحدث عن استخدام علامات iFrame.
تنسيق الاستخدام لعلامات iframe هو:
<iframe src = عرض url = x height = x scrolling = [Option] FrameBorder = x> </frame>
SRC: المسار إلى الملف ، وهو إما ملف HTML ، أو نص ، ASP ، إلخ. ؛
العرض ، الارتفاع: عرض وارتفاع منطقة الصورة في الصورة ؛
التمرير: عندما لا يتم عرض ملف HTML المحدد لـ SRC في المنطقة المحددة ، فإن خيار التمرير. إذا تم ضبطه على لا ، فلن يظهر شريط التمرير ؛ إذا كان تلقائيًا: سيظهر شريط التمرير تلقائيًا ؛ إذا كان نعم ، فسيتم عرضه ؛
FrameBorder: عرض حدود المنطقة ، والذي يتم تعيينه غالبًا على 0 من أجل مزج الصورة في الصورة بالمحتوى المجاور.
على سبيل المثال:
<iframe src = http: //netschool.cpcw.com/homepage width = 250 height = 200 scrolling = no framborder = 0> </frame>
2. التحكم المتبادل بين شكل الأصل والإطار العائم
في لغة البرمجة النصية والتسلسل الهرمي للكائن ، تسمى Windows التي تحتوي على Iframes النماذج الأصل ، بينما تسمى الإطارات العائمة نماذج الطفل. من المهم فهم العلاقة بين هذين الاثنين ، لأنه للوصول إلى النماذج الطفل في النموذج أو العكس ، يجب أن تكون واضحًا حول التسلسل الهرمي للكائن من أجل الوصول إلى النموذج والتحكم فيه من خلال البرنامج.
1. الوصول إلى الكائنات والتحكم في شكل الطفل في نموذج الوالدين
في النموذج الأصل ، Iframe ، أي نموذج الطفل ، هو كائن طفل لكائن المستند ، ويمكن الوصول إلى الكائنات الموجودة في نموذج الطفل مباشرة في البرنامج النصي.
الآن هناك سؤال ، وهذا هو ، كيف يمكننا التحكم في هذا iframe؟ هنا نحتاج أن نتحدث عن كائن iframe. بعد تعيين سمة المعرف على هذه العلامة ، يمكننا استخدام نموذج كائن المستند DOM للتحكم في HTML الموجود في IFRAME.
على سبيل المثال ، قم بتضمين ملف test.htm في example.htm والتحكم في بعض الكائنات الموسومة في test.htm:
<iframe src = test.htm id = test width = 250 height = 200 scrolling = no framborder = 0> </frame>
رمز ملف test.htm هو:
<html>
<body>
<h1 id = myh1> مرحبًا ، ابني </h1>
</body>
</html>
إذا أردنا تغيير النص في علامة H1 مع رقم المعرف myh1 إلى مرحبًا يا عزيزي ، ثم:
document.myh1.innertext = مرحبًا ، عزيزي (حيث يمكن حفظ المستند)
في ملف example.htm ، فإن الشكل الفرعي المشار إليه بواسطة كائن علامة iframe يتسق مع نموذج كائن DHTML العام وطريقة التحكم في الوصول للكائن هي نفسها ، لذلك لن أكرره مرة أخرى.
2. الوصول والتحكم في الكائنات في النموذج الأصل في شكل الطفل
في نموذج الطفل ، يمكننا الوصول إلى الكائنات في النافذة الأصل من خلال كائن الوالد ، أي الوالد (الوالد).
على سبيل المثال. htm:
<html>
<body onClick = Alert (tt.myh1.innerhtml)>
<اسم iframe = tt src = frame1.htm width = 250 height = 200 scrolling = no framborder = 0> </frame>
<h1 id = myh2> مرحبًا ، زوجتي </h1>
</body>
</html>
إذا كنت ترغب في الوصول إلى نص العنوان برقم معرف myh2 في Frame1.htm وتغييره إلى Hello ، يا صديقي ، يمكننا كتابته مثل هذا: parent.myh2.innertext = Hello ، صديقي
هنا ، يمثل الكائن الأصل النموذج الحالي (النموذج حيث يوجد example.htm). تحتاج إلى الوصول إلى الكائن في النموذج الأصل في شكل الطفل ، ويتم تنفيذ جميعها من خلال الكائن الأصل دون استثناء.
على الرغم من أن iframe مضمن في ملف HTML آخر ، إلا أنه يظل مستقلًا نسبيًا وهو عالم الاستقلال. الخصائص في HTML واحد هي أيضا مناسبة للإطارات العائمة.
فقط تخيل ، من خلال علامات iframe ، يمكننا تمثيل المحتوى الذي لا يتغير مثل IFRAMES ، بحيث لا توجد حاجة لتكرار نفس المحتوى. هذا يشبه إلى حد ما عملية أو وظيفة في البرمجة ، مما يوفر الكثير من العمل اليدوي الشاق! بالإضافة إلى ذلك ، من الأهمية بمكان أن تجعل تعديلات الصفحات أكثر جدوى ، لأنه لا يتعين عليك تعديل كل صفحة بسبب تعديلات التخطيط ، تحتاج فقط إلى تعديل تخطيط نموذج الأصل.
شيء واحد يجب ملاحظته هو أن متصفح NestScape لا يدعم علامات iframe ، ولكن في عالم IE ، يبدو أن هذا أمر جيد. يستخدم على نطاق واسع علامات iframe ، والتي لا تعتبر نفسها فقط (موقع الويب) وتوفر نفقات الإنترنت عبر الإنترنت. لماذا لا تفعل ذلك؟
المحتوى حول استخدام الإطار على صفحة إنتاج علامة IFRAME وحالة نهاية هذه المقالة. يمكنك وضع إشارة مرجعية على عنوان URL لهذه الصفحة http://www.vevb.com/web/a/2018090543436.shtml لسهولة الوصول في المرة القادمة.