نصائح جافا سكريبت: اسمح لصفحة الويب بوضع السترة تلقائيًا

عند تصميم صفحات الويب، تتطلب العديد من صفحات الويب نفس نمط الحدود وشريط التنقل. يوفر لنا FrontPage حدودًا مشتركة لتسهيل التصميم يزيد عدد صفحات الويب بالطبع، بالنسبة لصفحات الويب الديناميكية، فهذه ليست مشكلة، ولكن ماذا لو كانت ثابتة؟

عند تصميم صفحات الويب، تتطلب العديد من صفحات الويب نفس نمط الحدود وشريط التنقل الذي يوفره لنا FrontPage الحدود لتسهيل التصميم، ولكن هذا أيضًا غير مريح، حيث تتم إضافة نفس المحتوى إلى كل صفحة ويب، وتزداد صفحة الويب بشكل غير مرئي، بالطبع، هذه ليست مشكلة لصفحات الويب الديناميكية، ولكن ماذا لو كانت كذلك ثابت

كيف يمكن التغلب على هذا العيب من خلال الإطار؟ يمكن تحقيق ذلك، لكن الإطار تسبب في مشكلة أخرى، وهي أنه إذا قمت بفتح الصفحة الداخلية للإطار مباشرة وخلعت الغلاف الرائع، فهل سيبدو رتيبًا للغاية؟ هنا نجد طريقة جيدة لخلع المعطف، حيث تضع صفحة الويب السترة تلقائيًا، هل فكرت في ذلك إذا لم تكن مهتمًا بهذا الموضوع، فيمكنك الذهاب بعيدًا، وسنناقشه بالتفصيل أدناه.

في صفحات الويب ذات الإطار، يتم استخدام المعلمة src عادةً لتحديد عنوان صفحة الويب داخل الإطار، ما يتعين علينا فعله هو السماح له بالكشف تلقائيًا عن هذا العنوان ثم وضعه على الغلاف قم أولاً بإضافة رمز الكشف إلى صفحة الويب كما يلي:

ما يلي هو جزء مقتبس:
<النص البرمجي>
إذا (top.location==self.location)
{
top.location="index.htm؟"+self.location;
}
</script>

الأمر بهذه البساطة. لاحظ أن ملف Index.htm هو عنوان صفحة الويب الخاصة بالمعطف. والشيء التالي الذي يجب فعله هو كيفية جعل صفحة الويب الخاصة بالمعطف تضيف هذا الجزء من المحتوى تلقائيًا ، ابحث عن المعلمات، ثم قم بتوجيه معلمة الإطار src إلى هذه المعلمة ستقوم بالمهمة، الكود كما يلي:

فيما يلي مقتطف اقتباس:
<النص البرمجي>
document.write('<iframe id = "mid" name = "mid" width = "100%" height = "100%"frameborder = "0" التمرير = "تلقائي"')
var n=self.location.href.indexOf("؟")//تحقق مما إذا كان يحتوي على معلمات
إذا(ن>0)// المعلمات موجودة
{
// أشر إلى المعلمات
document.write(" src="+self.location.href.substr(n+1))
}
document.write('></iframe>')
</script>

يتم استخدام إطار عمل iframe هنا. يمكن رؤية التطبيق المحدد على موقع الويب الخاص بي ggg82.126.com.

يمكنك النقر هنا لرؤية التأثير. إذا كان هناك أي شيء لا تفهمه، يمكنك أيضًا الاتصال بي. إذا كان لديك أي آراء جيدة، فلا تتردد في مناقشتها معي.