1. بناء الجملة الأساسي:
Window.Open (pageurl ، الاسم ، المعلمات)
في:
Pageurl هو مسار نافذة الطفل
الاسم هو اسم نافذة الطفل
المعلمات هي معلمات النوافذ (يتم فصل كل معلمات بواسطة الفواصل)
2. مثال
نسخة الكود كما يلي:
<script type = "text/javaScript">
Window.Open ('page.html' ، 'newWindow' ، 'height = 500 ، width = 800 ، top = 0 ، left = 0 ،
شريط الأدوات = لا ، menubar = لا ، شريط التمرير = لا ، قابلة للإصلاح = لا ، الموقع = لا ، الحالة = لا ")
</script>
سيتم فتح page.html في النموذج الجديد NewWindow ، بعرض 800 ، وارتفاع 500 ، 0 بكسل من الجزء العلوي من الشاشة ، و 0 بكسل من يسار الشاشة ،
لا يمكن تغيير حجم شريط أدوات ، لا مينوبار ، لا شريط التمرير ، ولا شريط عناوين ، لا شريط حالة.
هناك اختلافات في مستوى دعم ميزات النوافذ. open () في كل متصفح
ملخص نتائج تشغيل كل متصفح:
يوضح الجدول أعلاه درجة الدعم لكل متصفح لخيارات المعلمات للميزات ، والتفسيرات الخاصة هي كما يلي:
[الملاحظة 1]: في IE7 IE8 Firefox Chrome Safari ، عندما يكون خيار "Menubar" "نعم" ، لن يتم عرض شريط القائمة افتراضيًا. تحتاج إلى الضغط على مفتاح ALT قبل عرض شريط القائمة ؛ على العكس من ذلك ، عندما يكون خيار "menubar" "لا" ، فلن يتم عرض شريط القائمة حتى إذا تم الضغط على مفتاح Alt.
[الملاحظة 2]: في Safari ، يكون تأثير العرض هو نفسه عندما يتم تشغيل خيار "الموقع" ويتم تشغيل خيار "شريط الأدوات".
[الملاحظة 3]: في IE6 IE8 Chrome ، استخدم "Top" و "Left" لتحديد موقعه. إذا كانت قيمة تنسيق المجموعة كبيرة جدًا ، فقد يتم عرض النافذة المنبثقة خارج النطاق المرئي للشاشة.
[الملاحظة 4]: في Opera Firefox Safari ، استخدم "Top" و "Left" لتحديد موقعه. إذا كانت قيمة تنسيق المجموعة كبيرة جدًا ، فسيقوم النافذة تلقائيًا بضبط القيم "العلوية" و "اليسرى" للتأكد من عرض النافذة بشكل طبيعي في المنطقة المرئية على الشاشة.
[الملاحظة 5]: في أوبرا Chrome ، لا يتم دعمها لاستخدام "اليسار" و "الأعلى" بشكل مستقل دون تعيين قيم "العرض" و "الارتفاع". في هذا الوقت ، لا تدخل قيم الإعداد "اليسرى" و "أعلى".
[الملاحظة 6]: في Chrome ، لا يتم دعمه لاستخدام "العرض" و "الارتفاع" بشكل مستقل دون تعيين قيم "اليسار" و "الارتفاع". في هذا الوقت ، لا تسري قيم إعداد "العرض" "العرض". إلى جانب تعليمات [الملاحظة 5] ، يمكننا أن نرى أنه بغض النظر عما إذا كنت ترغب في تعيين واحدة أو عدة قيم في العرض أو الارتفاع أو موضع النافذة المنبثقة في Chrome ، يجب عليك تعيينها جميعًا ، وإلا فلن يعمل أي منها.
[الملاحظة 7]: في Firefox Chrome ، سيتم دائمًا عرض شريط العناوين.
[الملاحظة 8]: في الأوبرا ، لا يتم عرض شريط العناوين افتراضيًا ، ولكن يمكنك النقر فوق الشريط الأفقي في الجزء العلوي من الصفحة لعرضه. بعد إعداد "الموقع = نعم" ، سيتم عرض شريط العناوين تلقائيًا.
[الملاحظة 9]: في أوبرا Chrome ، لن يتم عرض شريط القائمة أبدًا بغض النظر عن كيفية تعيين قيمة "Menubar".
[الملاحظة 10]: بغض النظر عن كيفية تعيين قيمة "قابلة للإصلاح" في أوبرا Firefox Safari Chrome ، يمكن دائمًا تغيير حجم النافذة من قبل المستخدم.
[الملاحظة 11]: في Safari Chrome ، عندما يكون هناك شريط تمرير على الصفحة ، يكون شريط التمرير مرئيًا دائمًا بغض النظر عن كيفية تعيين قيمة أشرطة "التمرير".
[الملاحظة 12]: يمكن لـ IE7 دعم معلمة "الحالة" لإخفاء شريط الحالة افتراضيًا في نظام Windows XP SP3 ؛ على الرغم من عدم دعم معلمة "الحالة" في البيئة الافتراضية لنظام Windows Vista ، فإن شريط الحالة مرئي دائمًا. يرتبط هذا بأرقام الإصدار الصغيرة المختلفة IE7 في النظامين. السابق لديه رقم إصدار أقل ويحتوي الأخير على رقم إصدار أعلى.
[الملاحظة 13]: في Firefox ، يكون شريط الحالة مرئيًا دائمًا بغض النظر عن كيفية تعيين قيمة "الحالة" ، بينما في أوبرا Chrome ، يكون شريط الحالة دائمًا غير مرئي في الاتجاه المعاكس إلى الأول.
[الملاحظة 14]: في أوبرا Chrome ، لا يتم عرض شريط الأدوات أبدًا بغض النظر عن كيفية تعيين قيمة "شريط الأدوات".
خلاصة القول ، يمكن ملاحظة أن هناك اختلافات كبيرة في مستوى الدعم لمعلمة sfeatures في طريقة النافذة. open ، لذلك يجب أن تكون حذراً عند استخدامها.
بشكل عام ، عندما نستخدم Window.Open لفتح الصفحة ، نحتاج إلى عرضها في المركز. نموذج الرمز:
نسخة الكود كما يلي:
var عرض = 800 ؛ // عرض النافذة المنبثقة ؛
VAR الارتفاع = 500 ؛ // ارتفاع النافذة المنبثقة ؛
var top = (window.screen.availheight-eight)/2 ؛ // الموضع الرأسي للنافذة ؛
var left = (window.screen.availwidth-width)/2 ؛ // الموضع الأفقي للنافذة ؛
window.open ('page.html' ، 'newWindow' ، 'height ='+height+'، width ='+width+'، top ='+top+'، left ='+left+'،
شريط الأدوات = لا ، menubar = لا ، شريط التمرير = لا ، قابلة للإصلاح = لا ، الموقع = لا ، الحالة = لا ")
الفرق بين المتاحة والارتفاع
نسخة الكود كما يلي:
window.screen.width إرجاع عرض الشاشة الحالي (قيمة الدقة)
Window.Screen.Height إرجاع ارتفاع الشاشة الحالي (قيمة الدقة)
screen.availwidth ، screen.availheight يشير إلى الطول والعرض باستثناء شريط المهام.