أعتقد أن معظمكم يعرفون كيفية استخدام صفحات الويب لإطفاء النوافذ في أشكال مختلفة ، ولكن دعونا نتعرف على كيفية إنشاء مجموعة متنوعة من النوافذ المنبثقة اليوم:
1. افتح نافذة ملء الشاشة
الرمز كما يلي:
<html> <body //www.vevb.com '،' wulin.com '،' fullscreen ') ؛ "> ؛ <b> www.vevb.com </b> </body> </html>
2. افتح نافذة تم تحويلها بواسطة F11
الرمز كما يلي:
<html> <body '//www.vevb.com' ، 'wulin.com' ، 'channelmode') ؛ "> ؛ <b> www.vevb.com </b> </body> </html>
3. افتح نافذة مع شريط أدوات الارتباط المفضل
الرمز كما يلي:
<html> <body www.wangye8.com '،' wulin.com '،' width = 400 ، height = 300 ، الدلائل ') ؛ "> <b> www.wangye8.com </b> </body> </html>
4. مربع الحوار صفحة الويب
الرمز كما يلي:
<html> <script language = "javaScript"> <!-showmodaldialog ('// www.vevb.com ،' wulin.com '،' dialogwidth: 400px ؛ dialogheight: assiz: assa ؛ stand: assy: assy: assy: assy: assy: assy: assy: <b> www.wangye8.com </b> </body> </html> <html> <script language = "javaScript"> <!- showModelessDialog ('// www.vevb.com ،' wulin.com '،' dialogwidth: 400px ؛ dialogheight: 300px ؛ dialogleft: 200px ؛ dialogtop: 150px ؛ center: yes ؛ help: yes ؛ resizable: yes ؛ status: yes ') </body> </html>showmodaldialog () أو showModlessDialog () للاتصال بمربع حوار الويب. أما بالنسبة للفرق بين showmodaldialog () و showmodlessdialog () ، فهو يتم وضع النافذة التي تم فتحها بواسطة showmodaldialog () (يشار إليها باسم نافذة الوضع) على النافذة الأصل ويجب إغلاقها للوصول إلى النافذة الأصل (يوصى باستخدامها بأقل قدر ممكن لتجنب التفكيك) ؛ showmodlessdialog ()
حوار: IHeight يضع ارتفاع نافذة الحوار.
Dialogwidth: Iwidth يحدد عرض نافذة الحوار.
Dialogleft: يقوم Ixpos بتعيين الموضع الأيسر لنافذة الحوار بالنسبة إلى الزاوية العلوية اليسرى من سطح المكتب.
DialogTop: يقوم IYPOS بتعيين الموضع العلوي من نافذة الحوار بالنسبة إلى الزاوية العلوية اليسرى من سطح المكتب.
المركز: {نعم | لا | 1 | 0} يحدد ما إذا كان يجب مركز مربع الحوار على سطح المكتب ، والقيمة الافتراضية هي "نعم".
مساعدة: {نعم | لا | 1 | 0} يحدد ما إذا كان يتم عرض رمز المساعدة الحساسة للسياق في نافذة الحوار. القيمة الافتراضية هي "نعم".
قابلة للإصلاح: {نعم | لا | 1 | 0} يحدد ما إذا كان حجم نافذة الحوار متغيرًا. القيمة الافتراضية هي "لا".
الحالة: {نعم | لا | 1 | 0} يحدد ما إذا كان يتم عرض شريط الحالة في نافذة الحوار. لنظام Windows غير الوضع ، القيمة الافتراضية هي "نعم" ؛ لنظام Windows لحوار الوضع ، القيمة الافتراضية هي "لا".
5. رموز النوافذ المنبثقة الأخرى
قد يكون الأصدقاء الذين غالبًا ما يتصفحون الإنترنت قد زاروا مثل هذه المواقع. بمجرد دخول الصفحة الرئيسية ، ستظهر نافذة على الفور ، أو اضغط على رابط أو زر لتظهر. عادة ، بعض الاحتياطات ، ومعلومات حقوق الطبع والنشر ، والتحذيرات ، أو الترحيب ، وما إلى ذلك ، أو المعلومات التي يريد المؤلف تقديم مطالبات خاصة. في الواقع ، من السهل جدًا إنشاء مثل هذه الصفحة. فقط أضف بضع رمز نص Java إلى HTML من الصفحة. بعد ذلك ، سوف آخذك لتحليل لغزها.
【رمز النافذة المنبثقة الأساسي】
في الواقع ، الرمز بسيط للغاية:
الرمز كما يلي:
<script language = "java script"> <!-window.open ('page.html')-> </script>نظرًا لأن هذا جزء من رمز البرنامج النصي Java ، يجب وضعها بين <Script Language = "Java Script"> و </script>. <!-و-> مفيدة لبعض المتصفحات ذات الإصدارات السفلية. إذا لم يتم دعم البرنامج النصي Java في هذه المتصفحات القديمة ، فلن يتم عرض الكود في العلامة كنص.
يتم استخدام Window.Open ('page.html') للتحكم في المنبثقة من page. html. إذا لم يكن page.html في نفس المسار مثل النافذة الرئيسية ، فيجب كتابة المسار في المقدمة ، كل من المسار المطلق (http: //) والمسار النسبي (../) على ما يرام.
لا بأس في استخدام عروض أسعار مفردة ومزدوجة ، ولكن لا تخلطها.
يمكن إضافة قطعة الكود هذه إلى أي مكان لـ HTML ، ويمكن إضافته بين <head> و </head>. كلما زاد الموضع ، كلما كان التنفيذ السابق ، خاصةً عندما يكون رمز الصفحة أطول ، حاول تقديمه إلى الأمام إذا كنت تريد أن تظهر الصفحة مبكرًا.
【نافذة منبثقة بعد الإعداد】
دعنا نتحدث عن إعدادات ظهور النافذة المنبثقة. فقط أضف المزيد إلى الكود أعلاه.
دعنا نخصص المظهر والحجم والموضع المنبثق لهذه النافذة المنبثقة لتناسب الموقف المحدد للصفحة.
الرمز كما يلي:
<script language = "java script:> <!-window.open ('page.html' ، 'newWindow' ، 'height = 100 ، width = 400 ، top = 0 ، left = 0 ، شريط الأدوات = no ، menubar = no ، scrollbars = no ، resizable = no ، loce = no ، state = no') // write as an int.شرح المعلمة:
<script language = "Java Script"> يبدأ البرنامج النصي JS ؛
Window.Open Command لتظهر نافذة جديدة ؛
page.html اسم ملف النافذة الجديدة يظهر ؛
اسم نافذة NewWindow المنبثقة (وليس اسم الملف) ، والذي يمكن استبداله فارغة "؛
الارتفاع = 100 ارتفاع نافذة ؛
أعلى = 0 قيمة بكسل للنافذة من الجزء العلوي من الشاشة ؛
اليسار = 0 قيمة بكسل للنافذة من الجانب الأيسر من الشاشة ؛
شريط الأدوات = لا ما إذا كنت تريد عرض شريط الأدوات ، نعم هو العرض ؛
Menubar ، Scrollbars تعني شريط القائمة وشريط التمرير ؛
قابلة للإصلاح = لا إذا كنت للسماح بتغيير حجم النافذة ، نعم مسموح به ؛
الموقع = لا يمكن عرض شريط العناوين ، نعم مسموح به ؛
الحالة = لا إذا كنت تريد عرض المعلومات في شريط الحالة (عادة ما يكون الملف مفتوحًا بالفعل) ، نعم مسموح به ؛
</script> ينتهي البرنامج النصي JS.
【استخدم الوظائف للتحكم في النوافذ المنبثقة】
هنا رمز كامل.
الرمز كما يلي:
<html> <head> <script language = "java script"> <!-function openwin () {window.open ("page.html" ، "newWindow" ، "height = 100 ، width = 400 ، شريط الأدوات = لا ، menubar = no ، scrollbars = no ، resizable = no ، location = no ، </head> <body> ... محتوى الصفحة التعسفية ... </body> </html>فيما يلي وظيفة Openwin () محددة ، ومحتوى الوظيفة هو فتح نافذة. لا يوجد فائدة حتى يسمى. كيف نسميها؟
الطريقة 1: <body> تظهر نافذة منبثقة عندما يقرأ المتصفح الصفحة ؛
الطريقة 2: <body> تظهر نافذة منبثقة عندما يغادر المتصفح الصفحة ؛
الطريقة 3: اتصل مع اتصال: <a href = "#"> افتح نافذة </a>
ملاحظة: "#" المستخدم هو اتصال افتراضي.
الطريقة 4: اتصل باستخدام زر: <type type = "button" value = "open window">
[يتم فتح الملف 1.htm في النافذة الرئيسية ، و papost page.html تظهر في نفس الوقت]
أضف الكود التالي إلى النافذة الرئيسية <Head> منطقة:
الرمز كما يلي:
<script language = "java script"> <!-function openwin () {window.open ("page.html" ، "" ، "width = 200 ، height = 200" ؛)} //-> </script>ما عليك سوى إضافة المنطقة <Body>: <a href = "1.htm"> افتح </a>.
【التحكم في الإغلاق في توقيت النافذة المنبثقة】
دعنا نتحمل بعض السيطرة على النافذة المنبثقة ، وسيكون التأثير أفضل. إذا أضفنا جزءًا صغيرًا من التعليمات البرمجية إلى الصفحة المنبثقة (لاحظ أنه يتم إضافته إلى html of page.html ، وليس الصفحة الرئيسية ، وإلا ...) ، ألا يكون من المبرد السماح لها بالإغلاق تلقائيًا بعد 10 ثوانٍ؟
أولاً ، أضف الرمز التالي إلى منطقة <head> من ملف page.html:
الرمز كما يلي:
<script language = "java script"> function closeit () {setTimeOut ("self.close ()" ، 10000) // ms} </script>ثم ، استخدم الجملة <Body> بدلاً من الجملة الأصلية <Body> في page.html. (لا تنس أن تكتب هذه الجملة! الغرض من هذه الجملة هو استدعاء الكود الذي يغلق النافذة ، وإغلاق النافذة بنفسك بعد 10 ثوانٍ.)
【أضف زر إغلاق في النافذة المنبثقة】
الرمز كما يلي:
<Porm>
<نوع الإدخال = "زر" القيمة = "إغلاق"
</form>
هاها ، إنه أكثر مثالية الآن!
[نافذة popt -up متضمنة - نوافذ لكل صفحة]
تحتوي جميع الأمثلة أعلاه على نافذتين ، أحدهما النافذة الرئيسية والآخر هو النافذة المنبثقة.
مع المثال التالي ، يمكنك إكمال التأثير أعلاه في الصفحة.
الرمز كما يلي:
<html> <head> <script language = "java script"> function openwin () {openWindow = window.open ("" ، "newwin" ، "height = 250 ، width = 250 ، شريط الأدوات = لا ، scrollbars ="+scroll+"، menubar = no" ؛) ؛ // اكتبها كخط OpenWindow.document.write ("<title> مثال </title>" ؛) OpenWindow.document.write ("<bgcolor =#fffff> ؛ OpenWindow.document.write ("</body>" ؛) OpenWindow.document.write ("</html>" ؛) openwindow.document.close ()} </script> </head> <body> <body> <a href = "#"دعونا نرى ما إذا كان الكود في OpenWindow.document.write () ليس HTML القياسي؟ فقط اكتب المزيد من الخطوط بالتنسيق. كن حذرًا أنه إذا كان تسمية أخرى أو تسمية أقل سيؤدي إلى حدوث أخطاء. تذكر أن تنتهي مع OpenWindow.document.close ().
【Ultimate Application - التحكم في ملفات تعريف الارتباط في النافذة المنبثقة】
أذكر أنه على الرغم من أن النافذة المنبثقة أعلاه باردة ، إلا أن هناك مشكلة صغيرة (تنغمس في الفرح ، يجب ألا تجدها ، أليس كذلك؟) على سبيل المثال ، إذا وضعت البرنامج النصي أعلاه في الصفحة التي تحتاج إلى المرور بشكل متكرر (مثل الصفحة الرئيسية) ، ثم في كل مرة تقوم فيها بتحديث هذه الصفحة ، ستظهر النافذة مرة واحدة. أليس هذا مزعج جدا؟ هل يوجد حل؟ نعم! اتبعني. نحن فقط بحاجة إلى استخدام ملفات تعريف الارتباط للتحكم فيها.
أولاً ، أضف الكود التالي إلى منطقة <Head> للصفحة الرئيسية HTML:
الرمز كما يلي:
<script> function openPopup () {window.open ("hello.htm" ، "" ، "width = 300 ، height = 300") // تعديل النافذة المنبثقة بنفسك} get_cookie (name) {var search = name + "=" var returnvalue = "" ؛ if (documents.cookie.length> 0) {Offset = documents.cookie.indexof (search) if (roffse! = -1) {// إذا كان ملف تعريف الارتباط موجودًا += search.length / set فهرس بداية القيمة = documents.cookie.indexof ("؛" ، إزاحة) ؛ // SET INDEX من نهاية قيمة ملفات تعريف الارتباط إذا (end == -1) end = documents.cookie.length ؛ returnvalue = unescape (documents.cookie.substring (إزاحة ، نهاية))}} returnvalue ؛ } وظيفة loadpopup () {if (get_cookie ('botped') == '') {openPopup () documents.cookie = "popped = yes"}} </script>اكتب الكود التالي في منطقة الجسم:
<Body> // pop عندما يترك الصفحة
أو:
<body> // pop عند إدخال الصفحة
يمكنك محاولة تحديث هذه الصفحة أو إعادة إدخالها ، ولن تنبثق النافذة مرة أخرى. البوب الحقيقي فقط!
بعد أن كتبت هذا ، تم الانتهاء من تقنيات الإنتاج والتطبيق للنوافذ المنبثقة. آمل أن أكون سعيدًا جدًا بمساعدة أصدقائي الذين يصنعون صفحات الويب.
تجدر الإشارة إلى أن القضية في نصوص JS من الأفضل الحفاظ عليها متسقة قبل وبعد.
النوافذ المنبثقة بدون قوائم وأشرطة أدوات وأشرطة العناوين:
الرمز كما يلي:
<script language = "java script"> <!- var gt = unescape ('٪ 3e') ؛ var popup = null ؛ var over = "إطلاق المنبثقة المستكشف" ؛ popup = window.open ('' ، 'popupnav' ، 'width = 500 ، height = 500 ، resizable = 0 ، scrollbars = auto') ؛ // العرض = 500 ، الارتفاع = 500 هي طول النافذة وعرضها إذا (popup! = null) {if (popup.opener == null) {popup.opener = self ؛ } popup.location.href = 'اسم الملف المراد فتحه' ؛ } // -> </script>الطريقة 2: تطبيق ملفات تعريف الارتباط: التحكم في نافذة المنبثقة عندما نقوم بتعيين نافذة منبثقة منبثقة في صفحة ، في كل مرة نعيد فيها صياغة الصفحة ، ستظهر نافذة البوب تلقائيًا ، مما يسبب مشكلة غير ضرورية. فكيف تحل هذه المشكلة؟ هنا سأستخدم مثالًا بسيطًا لشرح كيفية جعل المنبثقة المنبثقة يطفو على السطح فقط عند تصفح الصفحة لأول مرة من خلال تشغيل ملفات تعريف الارتباط ، ولن يسبب ذلك مزعجًا في المستقبل!
انسخ الرمز كما يلي: <script> function openPopWindow () {window.open ("hello.htm" ، "" ، "width = 200 ، height = 200" // تعديل النافذة المنبثقة بنفسك} get_cookie (name) {var search + "=" var returnvalue = " documents.cokie.indexof (Search) ؛ ReturnValue = unescape (documents.cokie.substring (Endset))} revervalue ؛
اكتب الكود أعلاه في منطقة الجسم: <Body> // popt out عند مغادرة الصفحة
أو: <body> // ينبثق تأثير النافذة المنبثقة عند ظهور الصفحة عند مغادرة الصفحة:
التأثير: عندما يغلق الآخرون هذه الصفحة ، تنبثق نافذة ، ويمكنك كتابة بعض كلمات البركة
الكود الأساسي:
الرمز كما يلي:
<script language = "javaScript"> <!-ابدأ ترك الوظيفة () {window.open ('1.htm' ، "، 'Toolbar = no ، menubar = no ، location = no ، height = 225 ، width = 235') ؛ break} // end-> </script>ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.