تلخص هذه المقالة طرق نافذة JavaScript المنبثقة شائعة الاستخدام للمقارنة والمرجع. آمل أن يكون ذلك مفيدًا لك. الطريقة التفصيلية هي كما يلي:
1. قم بتحديث صفحة الويب بصمت:
هل لاحظت أنه عند تحديث بعض صفحات الويب ، ستظهر نافذة موجه ، وانقر فوق "موافق" للتحديث.
لن تتم مطالب بعض الصفحات ، وسيتم تحديث نافذة المطالبة مباشرة دون الظهور.
إذا لم يكن للصفحة نموذج ،
لن تظهر نافذة المطالبة
إذا كانت الصفحة تحتوي على نموذج ،
أ) <method method = "post" ...>
ستظهر نافذة سريعة
ب) <method method = "get" ...>
لن تظهر
2. كيفية تحديث الصفحة في JavaScript:
window.location.reload () ؛
استخدم نافذة النافذة المنبثقة لتحديث النافذة الأصل
window.opener.location.reload ()
نافذة النافذة المنبثقة باستخدام window.showdialog
window.dialogarguments.location.reload () ؛
3. JavaScript Popup Window Code:
window.open () الطريقة:
Window.Open () يدعم البيئة: javaScript1.0+/jscript1.0+/nav2+/ie3+/opera3+
بناء الجملة الأساسي:
Window.Open (pageurl ، الاسم ، المعلمات)
في:
Pageurl هو مسار نافذة الطفل
الاسم هو مقبض نافذة الطفل
المعلمات هي معلمات النوافذ (يتم فصل كل معلمات بواسطة الفواصل)
مثال:
<script> <!-window.open ('page.html' ، 'newWindow' ، 'height = 100 ، width = 400 ، top = 0 ، left = 0 ، jostbar = no ، menubar = no ، scrollbars = no ، resizable = no ، location = no ، status is') crite as one line-> </بعد تشغيل البرنامج النصي ، سيتم فتح page.html في النموذج الجديد NewWindow ، بعرض 100 ، ارتفاع 400 ، 0 بكسل من الجزء العلوي من الشاشة ، 0 بكسل من يسار الشاشة ، لا شريط أدوات ، لا شريط قائمة ، لا شريط التمرير ، لا تغيير حجم ، لا شريط عناوين ، لا يوجد شريط الحالة.
يرجى المقارنة.
الأمثلة المذكورة أعلاه هي العديد من المعلمات شائعة الاستخدام ، وهناك العديد من المعلمات الأخرى بالإضافة إلى ذلك ، يرجى الاطلاع على 4.
معلمات مختلفة
من بينها ، نعم/لا يمكن استخدامها أيضًا 1/0 ؛ قيمة البيكسل هي القيمة المحددة ، وحدة بكسل.
المعلمات | نطاق القيمة | وصف
| |
دائما مزورة | نعم/لا | يتم إخفاء النوافذ المحددة خلف جميع النوافذ
دائما نعم/لا | حدد Windows معلقة على جميع النوافذ
يعتمد | نعم/لا | ما إذا كان لإغلاق النافذة الأصل في نفس الوقت
الدلائل | نعم/لا | هل أعمدة الدليل من NAV2 و 3 مرئية
ارتفاع | قيمة بكسل | ارتفاع النافذة
مفاتيح الساخنة | نعم/لا | اضبط مفتاح الخروج الآمن في النافذة بدون شريط قائمة
Innerheight | قيمة بكسل | ارتفاع بكسل المستند في النافذة
عرض داخلي | قيمة بكسل | عرض بكسل المستند في النافذة
الموقع | نعم/لا | هل شريط الموقع مرئي
مينوبار | نعم/لا | هل شريط القائمة مرئي
Outerheight | قيمة بكسل | اضبط ارتفاع البكسل للنافذة (بما في ذلك الحدود الزخرفية)
العطلة الخارجية | قيمة بكسل | اضبط عرض البكسل للنافذة (بما في ذلك الحدود الزخرفية)
قابلة للتوحيد | نعم/لا | هل حجم النافذة يمكن إصلاحه
screenx | قيمة بكسل | طول البكسل للنافذة إلى الحدود اليسرى من الشاشة
شاشة | قيمة بكسل | طول البكسل للنافذة إلى الحدود العلوية للشاشة
أشرطة التمرير | نعم/لا | هل هناك شريط تمرير متوفر في النافذة
شريط العنوان | نعم/لا | هل عمود عنوان النافذة مرئي
شريط الأدوات | نعم/لا | هل شريط أدوات النافذة مرئي
عرض | قيمة بكسل | عرض بكسل النافذة
Z-look | نعم/لا | ما إذا كانت النافذة تطفو على نوافذ أخرى بعد تنشيطها
وظيفة showdialog (url) {var iwidth = 300 ؛ // window width var iHeight = 200 ؛ // window height var iTop = (window.screen.height-iHeight)/2 ؛ var ileft = (window.screen.width-iwidth)/2 ؛ window.Open (url ، "التفاصيل" ، "scrollbars = no ، شريط الأدوات = لا ، الموقع = لا ، الاتجاه = لا ، قابلة للإصلاح = لا ، width ="+iwidth+"، height ="+iheight+"، top ="+itop+"، left ="+ileft) ؛ }Window.ShowModaldialog طريقة:
مقدمة أساسية:
showmodaldialog () (أي 4+ دعم)
showmodlessdialog () (أي 5+ دعم)
يتم استخدام طريقة window.showmodaldialog () لإنشاء مربع حوار مشروط يعرض محتوى HTML.
يتم استخدام طريقة window.showmodlessdialog () لإنشاء مربع حوار غير وسيط يعرض محتوى HTML.
كيفية استخدام:
vreturnvalue = window.showmodaldialog (surl [، varguments] [، sfeatures]) vreturnvalue = window.showmodelessdialog (surl [، varguments] [، sfeatures])
وصف المعلمة:
surl--
المعلمة المطلوبة ، اكتب: سلسلة. تستخدم لتحديد عنوان URL للوثيقة المراد عرضها في مربع الحوار.
varguments--
معلمة اختيارية ، اكتب: البديل. تستخدم لتمرير المعلمات إلى مربع الحوار. أنواع المعلمات التي تم تمريرها ليست محدودة ، بما في ذلك المصفوفات ، إلخ. يستخدم مربع الحوار Window.Dialogarguments للحصول على المعلمات التي تم تمريرها.
sfeatures--
معلمة اختيارية ، اكتب: سلسلة. يمكن فصل المعلومات المستخدمة لوصف ظهور مربع الحوار ، مثل المعلومات التالية ، بواسطة فاصلة فاصلة "؛".
1.dialogheight: ارتفاع مربع الحوار لا يقل عن 100 بكسل. الوحدات الافتراضية للحوار ومربع الحوار في IE4 هي EM ، و PX في IE5. من أجل الراحة ، عند تحديد مربع الحوار في طريقة الوسائط ، يتم استخدام PX كوحدة.
2.dialogwidth: عرض مربع الحوار.
3.dialogleft: المسافة من يسار الشاشة.
4.dialogtop: المسافة من الشاشة.
5.center: {نعم | لا | 1 | 0}: ما إذا كانت النافذة متمركزة ، وتتخلف عن السداد إلى نعم ، ولكن لا يزال بإمكانك تحديد الارتفاع والعرض.
6.help: {نعم | لا | 1 | 0}: ما إذا كنت تريد عرض زر المساعدة ، فإن الافتراضي هو نعم.
7.SIBERABLE: {نعم | لا | 1 | 0} [ie5+]: ما إذا كان يمكن تغيير الحجم. الافتراضي لا.
8.status: {نعم | لا | 1 | 0} [ie5+]: ما إذا كنت تريد عرض شريط الحالة. الإعدادات الافتراضية إلى نعم [بلا تعديل] أو لا [وسيط].
9.Scroll: {نعم | لا | 1 | 0 | على | OFF}: يشير إلى ما إذا كان مربع الحوار يعرض أشرطة التمرير. الافتراضي هو نعم.
يتم استخدام السمات التالية في HTA ولا تستخدم عمومًا في صفحات الويب العامة.
10.dialoghide: {نعم | لا | 1 | 0 | على | OFF}: ما إذا كان مربع الحوار مخفيًا عند طباعة أو طباعة معاينة. الافتراضي هو لا.
11.edge: {غارق | ARIDED}: حدد النمط الحدودي لمربع الحوار. يتم رفع الافتراضي.
12.unadorned: {نعم | لا | 1 | 0 | على | OFF}: الافتراضي هو لا.
مرور الممر:
(1). إذا كنت ترغب في تمرير المعلمات في مربع الحوار ، فأنت تمررها عبر varguments. لا يوجد أي قيود على النوع ، لأنواع السلسلة ، الحد الأقصى هو 4096 حرفًا. يمكن أيضًا تمرير الكائنات ، على سبيل المثال:
---------------------------
PARTER.HTM صفحة:
<script> var obj = new Object () ؛ obj.name = "jb51" ؛ window.showmodaldialog ("modal.htm" ، obj ، "dialogwidth = 200px ؛ dialogheight = 100px") ؛ </script>صفحة modal.htm:
<script> var obj = window.dialogargumentsalet ("المعلمة التي تمر بها هي:" + obj.name) </script>(2) يمكنك إرجاع المعلومات إلى النافذة حيث يتم فتح مربع الحوار من خلال Window.ReturnValue ، وبالطبع يمكن أن يكون أيضًا كائنًا. على سبيل المثال:
رمز الصفحة Parent.htm:
<script> str = window.showmodaldialog ("modal.htm" ،، "dialogwidth = 200px ؛ dialogheight = 100px") ؛ Alert (str) ؛ </script> modal.htm <script> window.returnvalue = "http://www.jb51.comمثال:
وظيفة showdialog (url) {var iwidth = 300 ؛ // window width var iHeight = 200 ؛ // window height var iTop = (window.screen.height-iHeight)/2 ؛ var ileft = (window.screen.width-iwidth)/2 ؛ window.showmodaldialog (url ، window ، "dialogheight:"+iheight+"px ؛ dialogwidth:"+iwidth+"px ؛ dialogtop:"+Itop+"؛ }لاحظ المعلمة الثانية هنا ، نافذة
4. مشكلة عدم تحديث بيانات نافذة الوضع (ذاكرة التخزين المؤقت)
أضف العبارة التالية إلى صفحة JSP
<٪ response.setheader ("pragma" ، "no-cache") ؛ استجابة. استجابة5. في نافذة الوضع ، يظهر الرابط مشكلة نافذة جديدة:
◎ _blank ، افتح ملف الارتباط في نافذة المتصفح الجديدة.
◎ _Parent ، قم بتحميل الملف المرتبط في مجموعة الإطار الأصل أو نافذة الأصل التي تحتوي على إطار الارتباط. إذا لم يكن الإطار الذي يحتوي على الرابط متداخلًا ، فسيتم تحميل الملف المرتبط في نافذة متصفح ملء الشاشة ، تمامًا مثل المعلمة _self.
◎ _ ، افتح المستند المرتبط في نفس الإطار أو النافذة. هذه المعلمة هي القيمة الافتراضية وعادة ما لا يتم تحديدها.
◎ _top ، يفتح المستند المرتبط في نافذة المتصفح الحالية بأكملها ، وبالتالي حذف جميع الإطارات.
إضافة <a href = "a.html" target = "_ blank"/> بين </head> و <body>
6. كيفية إغلاق الصفحة بصمت:
دالة closewin () {var ua = navigator.useragent ؛ var ie = navigator.appname == "Microsoft Internet Explorer"؟ True: false ؛ إذا (أي) {var ieversion = parsefloat (ua.substring (ua.indexof ("msie")+5 ، ua.indexof ("؛" ، ua.indexof ("msie")))))) ؛ if (ieversion <5.5) {var str = '' ؛ document.body.insertadjacenthtml ("beforend" ، str) ؛ document.all.notipclose.click () ؛ } آخر {window.opener = null ؛ window.close () ؛ }} آخر {window.close ()}}يمكن للقراء المهتمين تصحيح الأساليب المذكورة أعلاه ، والتي أعتقد أنها ستجلب بعض الإلهام والمساعدة للجميع.