1. ثلاثة مربعات حوار شائعة في JS
. } // يظهر مربع الاستعلام ، مع Firm Firm Firm () {// استخدم القيمة التي تم إرجاعها بواسطة مربع الحوار (صواب أو خطأ) إذا (تأكيد ("هل أنت متأكد من إرسال؟")) {Alert ("نقر للتأكيد") ؛ } آخر {Alert ("نقر لإلغاء") ؛ }} // يبرز مربع الإدخال ، ويدخل فقرة نصية ، ويمكنك إرسال وظيفة prom () {var name = prester ("الرجاء إدخال اسمك" ، "") ؛ // قم بتعيين محتوى الإدخال إلى الاسم المتغير ، // تجدر الإشارة هنا إلى أن ProPT لديه معلمتان. إذا كانت المطالبة هي المطالبة ، ثم القيمة الافتراضية في مربع الحوار بعد خروج مربع الحوار.2. مربعات المطالبة الستة والعمليات شائعة الاستخدام عند النقر فوق الأزرار
<! -------------------------> <إدخال type = "button" name = "btn2" id = "btn2" value = "delete" onClick = "return تأكيد ('نعم/no') ؛) ؛ <! ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- OnClick = "JavaScript: window.location.href = 'http: //www.baidu.com' ؛"/> <! --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- JavaScript: window.location.reload () ؛ // العودة إلى الصفحة الحالية وتحديث <! ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------3. نافذة تنبثق مستقلة
// أغلق ، يظهر مربع الحوار في النافذة الأصل ، وتغلق نافذة الطفل مباشرة this.response.write ("<script language = javaScript> window.close () ؛ </script>") ؛ // أغلق ، لا تنبثق النافذة الأصل ولا نافذة الطفل في النافذة الأصل ، تغلق مباشرة this.response.write ("<script>") ؛ this.response.write ("{top.opener = null ؛ top.close () ؛}") ؛ this.response.write ("</script>") ؛ // نافذة شعبية تحديث عرض الصفحة الحالي = 200 ارتفاع = 200 قائمة. شريط القائمة ، شريط الأدوات ، شريط العناوين ، شريط الحالة لا يحتوي على this.response.write ("<script language = javaScript> window.open ('rows.aspx' ، 'newWindow' ، 'width = 200 ، height = 200') </script>) ؛ // النافذة المنبثقة تقوم بتحديث الصفحة الحالية this.response.write ("<script language = javaScript> window.open ('rows.aspx') </script>") ؛ this.response.write ("<script> window.open ('webform2.aspx' ، '_ blank') ؛ </script>") ؛ // تقفز نافذة المطالبة المنبثقة إلى صفحة webform2.aspx (في نافذة IE) this.response.write ("<script language = javaScript> تنبيه ('مسجل بنجاح') ؛ window.location.href = 'webform2.aspx' ؛ </script>") ؛ // أغلق نافذة الطفل الحالية وتحديث النافذة الأصل this.response.write ("<script> window.opener.location.href = window.opener.location.href ؛ window.close () ؛ </script>") ؛ this.response.write ("<script> window.opener.location.replace (window.opener.document.referrer) ؛ window.close () ؛ </script>") ؛ // نافذة الطفل تعمل على تحديث النافذة الأصل this.response.write ("<script> window.opener.location.href = window.opener.location.href = 'webform1.aspx' ؛ </script>") ؛ // نافذة الطفل تقوم بتحديث النافذة الأصل this.response.write ("<script> window.opener.location.href = 'webform1.aspx' ؛ </script>") ؛ // نافذة الطفل تنبثق. بعد التأكيد ، تنبثق النافذة الفرعية (webform2.aspx) this.response.write ("<script language = 'javaScript'> Alert ('تم نشرها بنجاح!') ؛ window.open ('webform2.aspx') </script>") ؛ // تنبثق نافذة المطالبة ، وبعد التأكيد ، قم بتحديث النافذة الأصل this.response.write ("<script> ALERT ('تم نشرها بنجاح!') ؛ window.opener.location.href = window.opener.location.href ؛ </script>") ؛ // تظهر نفس الصفحة <input type = "button" value = "button" onClick = "javaScript: window.open (window.location.href)"> // reponse.write ("parent.mainframeBottom.location.href = 'yourwebform.aspx؟ temp =" str +"؛" ؛ ") ؛ <script language = "javaScript"> <!-window.Open ('page.html' ، 'newWindow' ، 'height = 100 ، width = 400 ، top = 0 ، left = 0 ، شريط الأدوات = لا ، menubar = no ، scrollbars = no ، rensible = no ، location = no ، state = no') // this this stend as sectence as insence->شرح المعلمة:
Window.Open Command لتظهر نافذة جديدة ؛
اسم ملف 'page.html' للنافذة المنبثقة ؛
"NewWindow" اسم النافذة المنبثقة (وليس اسم الملف) ، إن لم يكن مطلوبًا ، يمكن استبداله فارغة "؛
الارتفاع = 100 ارتفاع نافذة ؛
عرض = 400 عرض نافذة ؛
أعلى = 0 قيمة بكسل للنافذة من الجزء العلوي من الشاشة ؛
اليسار = 0 قيمة بكسل النافذة على يسار الشاشة ؛
شريط الأدوات = لا ما إذا كنت تريد عرض شريط الأدوات ، نعم هو العرض ؛
Menubar ، Scrollbars تعني شريط القائمة و scrollbar.
قابلة للإصلاح = لا إذا كنت للسماح بتغيير حجم النافذة ، نعم مسموح به ؛
الموقع = لا يمكن عرض شريط العناوين ، نعم مسموح به ؛
الحالة = لا إذا كنت تريد عرض المعلومات في شريط الحالة (عادة ما يكون الملف مفتوحًا بالفعل) ، نعم مسموح به ؛
'Newwin': إخفاء شريط أدوات شريط شريط القائمة
4. مثال على النافذة المنبثقة
// 1. نافذة رمز النافذة المنبثقة الأساسية ('page.html') // 2. النافذة المنبثقة بعد ضبط Window.Open ('page.html' ، 'newWindow' ، 'height = 100 ، width = 400 ، top = 0 ، left = 0 ، شريط الأدوات = لا ، menubar = no ، scrollbars = no ، resizable = لا ، الموقع = لا ، // يجب أن تكون هذه الحكم مكتوبة في سطر واحد// معلمة توضح: //'page.html 'اسم ملف النافذة المنبثقة ؛ // "NewWindow" اسم النافذة المنبثقة (وليس اسم الملف) ، إن لم يكن مطلوبًا ، يمكنك استخدام فارغ "بدلاً من ذلك ؛ // الارتفاع = 100 ارتفاع نافذة ؛ // عرض = 400 عرض نافذة ؛ // TOP = 0 pixel قيمة النافذة من الجزء العلوي من الشاشة ؛ // اليسار = 0 بكسل قيمة النافذة من الجانب الأيسر من الشاشة ؛ // شريط الأدوات = لا ما إذا كنت تريد عرض شريط الأدوات ، نعم هو العرض ؛ // Menubar ، تمثل شريط التمرير شريط القائمة وربط الشريط. // resizable = لا يمكن السماح بتغيير حجم النافذة ، نعم مسموح به ؛ // الموقع = لا إذا كنت تريد عرض شريط العناوين ، نعم مسموح به ؛ // status = لا ما إذا كنت تريد عرض المعلومات في شريط الحالة (عادةً ما يتم فتح الملف) ، يُسمح نعم ؛ // 3. استخدم الوظيفة للتحكم في وظيفة النافذة المنبثقة OpenWin () {window.open ("page.html" ، "newWindow" ، "Height = 100 ، width = 400 ، شريط الأدوات = لا ، menubar = no ، scrollbars = no ، resizable = no ، location = no ، status = no") // اكتبها كخط} $ (مستند). // يتم تعريف وظيفة Openwin () هنا ، ومحتوى الوظيفة هو فتح نافذة. لا يوجد فائدة حتى يسمى. كيف نسميها؟ // الطريقة 1: <body onload = "openwin ()"> نافذة منبثقة هي عندما يقرأ المتصفح الصفحة ؛ // الطريقة 2: <body OnUnload = "Openwin ()"> نافذة منبثقة هي عندما يترك المتصفح الصفحة ؛ // الطريقة 3: اتصل باستخدام اتصال: // <a href = "#" onClick = "OpenWin ()"> افتح نافذة </a> // ملاحظة: "#" المستخدم هو اتصال افتراضي. // الطريقة 4: اتصل باستخدام زر واحد: // <input type = "button" onClick = "OpenWin ()" value = "openwin ()"> // 4 ، 2 windows يطفو على السطح في نفس الوقت OpenWin () {window.Open ("page.html" ، Resizable = لا ، الموقع = لا ، الحالة = لا ") // اكتبها في نافذة سطر. open (" page2.html "،" newWindow2 "،" height = 100 ، width = 100 ، top = 1 00 ، left = 100 ، jove = no ، menubar = no ، scrollbars = no ، resizable = no ، loca tion النوافذ التي تظهر ، تستخدم أعلى واليسرى للتحكم في موضع المنبثقة ولا تكتب بعضها البعض. أخيرًا ، استخدم الطرق الأربعة المذكورة أعلاه للاتصال بها. // ملاحظة: لا ينبغي أن تكون الأسماء (NewWindows و NewWindow2) للنوافذين هي نفسها ، أو أنها ببساطة فارغة. // 5. افتح الملف 1.htm في النافذة الرئيسية ، وتظهر نافذة صغيرة pob page.html وظيفة openwin () {window.open ("page.html" ، "" ، "width = 200 ، height = 200")} // call: <a href = "1.htm" onClick = "Openwin ()"> Open </a> التحكم في الإغلاق الموقوت للنافذة المنبثقة // منخفضة سنقوم ببعض التحكم في النافذة المنبثقة ، وسيكون التأثير أفضل. إذا أضفنا جزءًا صغيرًا من التعليمات البرمجية إلى الصفحة المنبثقة (لاحظ أنه يتم إضافته إلى html of page.html ، وليس الصفحة الرئيسية) ، ألا يكون من المبرد أن تدعها تغلق تلقائيًا بعد 10 ثوانٍ؟ // أولاً ، أضف الكود التالي إلى منطقة <Head> من Page.html ملف: Function CloseIt () {setTimeout ("self.close ()" ، 10000) // ms} // تم الانتهاء من تحميل الصفحة ويستدعي الحدث الإغلاق $ (document) .Ready (fucntion () {closeit () ؛}) ؛ // 7. أضف زر إغلاق إلى نافذة المنبثقة // <input type = 'button' value = 'close' onClick = 'window.close ()'> // 8. تضمنت نافذة منبثقة-صفحة واحدة واثنين من النوافذ // تحتوي الأمثلة أعلاه على نافذتين ، واحدة هي النافذة الرئيسية والآخر هو النافذة المنبثقة. مع المثال التالي ، يمكنك إكمال التأثير أعلاه في الصفحة. وظيفة OpenWin () {openWindow = window.open ("" ، "Newwin" ، "Height = 250 ، Width = 250 ، Toolbar = no ، scrollbars =" + scroll + "، menubar = no") ؛ // اكتبها كخط openwindow.document.write ("<title> مثال </title>") openwindow.document.write ("<bgcolor =#ffffff>") openwindow.document.write ("<h1> hello! </h1>) OpenWindow.document.write ("</body>") OpenWindow.document.write ("</html>") OpenWindow.document.close ()} // <a href = "#" onClick = "Openwin ()" // 9. أذكر أنه على الرغم من أن النافذة المنبثقة أعلاه رائعة ، فهناك مشكلة صغيرة. على سبيل المثال ، إذا قمت بوضع البرنامج النصي أعلاه في صفحة تحتاج إلى المرور بشكل متكرر (مثل الصفحة الرئيسية) ، فكل مرة تقوم فيها بتحديث هذه الصفحة ، ستظهر النافذة مرة واحدة ، ونستخدم ملفات تعريف الارتباط فقط للتحكم فيها. // أولاً ، أضف الكود التالي إلى منطقة <Head> للصفحة الرئيسية html: function openwin () {window.open ("page.html" ، "" ، "width = 200 ، height = 200")} function get_cookie (name) {var search + "=" var returnvalue = "" ؛ if (document.cookie.length> 0) {Offset = document.cookie.indexof (Search) if (Offset! = -1) {Offset += search.length end = document.cookie.indexof ("؛" ، offset) ؛ if (end == -1) end = document.cookie.length ؛ returnValue = unescape (document.cookie.substring (إزاحة ، نهاية))}} returnvalue ؛ } وظيفة loadpopupup () {if (get_cookie ('proped') == '' ') {openwin () document.cookie = "proupped = yes"}} // ثم ، استبدل <body> الجملة الأصلية في الصفحة الرئيسية بـ <body onload = "loadpopup () حتى مرة أخرى. البوب الحقيقي فقط!الملخص أعلاه لطرق التنفيذ لصناديق JS المنبثقة ، وصناديق الحوار ، وصناديق المطالبة ، والنوافذ المنبثقة (الموصى بها) هي كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.