[1.
نسخ رمز رمز على النحو التالي:
<script language = "javaScript">
<!-
Window.Open ('page.html')
->
</script>
نظرًا لأنه قسم من رمز JavaScripts ، يجب وضعها بين علامات <script language = "javaScript" و </script>. <!-و> العب تأثيرًا على بعض المتصفحات المنخفضة. لتطوير هذه العادة الجيدة. يتم استخدام Window.Open ('page.html') للتحكم في Pop -up Window Page.html. يمكن استخدام كل من الاقتباسات الفردية والاقتباسات المزدوجة ، فقط لا تخلط. يمكن إضافة هذا الرمز إلى أي موضع من HTML و <head> و </head> ، يمكن أيضًا تنفيذ <body> </body> حاول في وقت سابق وضعه إلى الأمام.
[2.
دعنا نتحدث عن إعدادات نافذة البوب. فقط أضف شيئًا إلى الكود أعلاه. دعنا نخصص المظهر والحجم والبوب في نافذة البوب -up للتكيف مع الموقف المحدد للصفحة.
نسخ رمز رمز على النحو التالي:
<script language = "javaScript">
<!-
Window.Open ('page.html' ، 'newWindow' ، 'height = 100 ، width = 400 ، top = 0 ، left = 0 ، شريط الأدوات = لا ، menubar = no ، scrollbars = no ، resizable = no ، l ، l ، L ، L ، L ، L ، L ، L ، L ، L ، L ، L ، L ، L ، L ، L ، L ، L ، L ocation = لا ، الحالة = لا ") //
->
</script>
شرح المعلمة:
<script language = "javaScript"> يبدأ البرنامج النصي JS ؛
Window.Open تنبثق أمر النافذة الجديدة ؛
'page.html' اسم ملف نافذة البوب -up ؛
"NewWindow" يمكن استبدال اسم نافذة POP -UP (وليس اسم الملف) ، غير المطلوبة ، بفارغ النحو "؛
الارتفاع = 100 ارتفاع نافذة ؛
عرض = 400 عرض نافذة ؛
أعلى = 0 مسافة نافذة من الجزء العلوي من الشاشة ؛
اليسار = 0 نافذة هي قيمة بكسل من الجانب الأيسر من الشاشة ؛
شريط الأدوات = لا لعرض شريط الأدوات ، نعم يتم عرضه ؛
Menubar ، تمثل أشرطة التمرير شريط القائمة وبار المتداول.
Resizable = لا يسمح بتغيير حجم النافذة ، نعم مسموح به ؛
الموقع = لا لعرض شريط العناوين ، نعم مسموح به ؛
الحالة = لا لعرض المعلومات في شريط الحالة (عادةً ما يتم فتح الملف) ، يُسمح نعم ؛
</script> ينتهي البرنامج النصي JS
[3.
أدناه هو رمز كامل.
نسخ رمز رمز على النحو التالي:
<html>
<head>
<script language = "javaScript">
<!-
وظيفة openwin () {) {
Window.Open ("page.html" ، "newWindow" ، "height = 100 ، width = 400 ، شريط الأدوات = لا ، menubar = no ، scrollbars = لا ، resizable = لا ، الموقع = لا ،") // اكتب خطًا
}
//->
</script>
</head>
<body only = "openwin ()" >>
أي محتوى صفحة ...
</body>
</html>
يتم تعريف وظيفة Openwin () هنا ، ومحتوى الوظيفة هو فتح نافذة. لا يوجد فائدة قبل تسميته. كيف تتصل؟
الطريقة 1: <body Online = "OpenWin ()"> عندما يقرأ المتصفح الصفحة ، تنبثق النافذة ؛
الطريقة الثانية: <body OnUnload = "Openwin ()"> ظهر المتصفح عندما يترك المستعرض الصفحة ؛
الطريقة 3: استخدم اتصال واحد للاتصال:
<a href = "#" onClick = "Openwin ()"> افتح نافذة </a>
ملاحظة: "#" المستخدم هو اتصال افتراضي.
الطريقة 4: استخدم زرًا للاتصال:
<type type = "button" onClick = "OpenWin ()" value = "افتح النافذة">
[4 ، 2 Windows يطفو على السطح في نفس الوقت]
تغيير رمز المصدر قليلاً:
نسخ رمز رمز على النحو التالي:
<script language = "javaScript">
<!-
وظيفة openwin () {) {
Window.Open ("page.html" ، "newWindow" ، "height = 100 ، width = 100 ، top = 0 ، left = 0 ، bicbar = no ، menubar = no ، scrollbars = no ، resizable = no ، local = no ، الحالة = لا ") //
Window.Open ("page2.html" ، "newWindow2" ، "الارتفاع = 100 ، العرض = 100 ، أعلى = 1 00 ، اليسار = 100 ، شريط الأدوات = لا ، مينوبار = لا ، scrollbars = لا ، resizable = no ، l ، l ، L ، L ، L ، L ، L ، L ، L ، L oca tion = لا ، الحالة = لا ") //
}
//->
</script>
لتجنب تغطية النافذة ، يجب ألا يغطي موقع POP -up مع الأعلى واليسرى بعضهما البعض. أخيرًا ، فقط اتصل بالطرق الأربع المذكورة أعلاه.
ملاحظة: لا تكن متشابهًا ، أو ببساطة فارغة ، أو ببساطة فارغة.
[5.
كما هو موضح في الكود التالي ، أضف النافذة الرئيسية <Head> منطقة:
نسخ رمز رمز على النحو التالي:
<script language = "javaScript">
<!-
وظيفة openwin () {) {
window.open ("page.html" ، "" ، "العرض = 200 ، الارتفاع = 200")
}
//->
</script>
إضافة <body> المنطقة:
<a href = "1.htm" onClight = "OpenWin ()"> open </a>.
[6.
دعنا نتحكم في نافذة pop -up أدناه ، والتأثير أفضل. إذا أضفنا رمزًا قصيرًا إلى صفحة pop -up (لاحظ أنه هو html لإضافة page.html ، فهو ليس على الصفحة الرئيسية ، وإلا ؟
أولاً ، أضف الرمز التالي إلى منطقة <head> من ملف page.html:
نسخ رمز رمز على النحو التالي:
<script language = "javaScript">
وظيفة CloseIt ()
{{
setTimeout ("seld.close ()" ، 10000) // milliseconds
}
</script>
بعد ذلك ، استخدم <body online = "closeit ()"> لاستبدال الجملة الأصلية <Body> في page.html. (لا تنس أن تكتب هذه الجملة! دور هذه الجملة هو استدعاء رمز النافذة الختامية ، وإغلاق النافذة بنفسك بعد 10 ثوانٍ.)
[7.
<Porm>
<type type = 'button' value = 'close' onClick = 'window.close ()'>
</form>
هاها ، إنه أكثر كمالا الآن!
[8.
تتضمن الأمثلة أعلاه نوافذتين ، أحدهما النافذة الرئيسية ، والآخر عبارة عن نافذة صغيرة. من خلال المثال التالي ، يمكنك إكمال التأثير أعلاه على صفحة واحدة.
نسخ رمز رمز على النحو التالي:
<html>
<head>
<script language = "javaScript">
وظيفة Openwin ()
{{
OpenWindow = window.open ("" ، "newwin" ، "height = 250 ، width = 250 ، شريط الأدوات = لا ، scrollbars ="+scroll+"، menubar = no")) ؛
// اكتب في خط
OpenWindow.document.write ("<title> مثال </title>")
OpenWindow.document.write ("<body bgcolor =#ffffff>")
OpenWindow.document.write ("<h1> Hello! </h1>")
OpenWindow.document.write ("تم فتح نافذة جديدة!")
OpenWindow.document.write ("</body>")
OpenWindow.document.write ("</html>")
OpenWindow.document.close ()
}
</script>
</head>
<body>
<a href = "#" onClick = "Openwin ()"> افتح نافذة </a>
<type type = "button" onClick = "OpenWin ()" value = "افتح النافذة">
</body>
</html>
انظر إلى الكود في OpenWindow.document.write () أليس HTML القياسي؟ فقط اكتب المزيد من الخطوط بالتنسيق. انتبه إلى خطأ مع تسمية أخرى أو تسمية أقل. تذكر أن تنهيها باستخدام OpenWindow.document.close ().
[9.
أذكر أنه على الرغم من أن نافذة pop -up أعلاه باردة ، إلا أن هناك مشكلة صغيرة (منغمس في الفرح ، يجب ألا تجدها؟) على سبيل المثال ، يمكنك وضع البرنامج النصي أعلاه على صفحة تحتاج إلى تمريرها بشكل متكرر (مثل الصفحة الرئيسية) ، ثم كل واحدة ، ثم كل هذه الصفحة تقوم بتحديث هذه الصفحة ، ستظهر النافذة مرة واحدة ، أليس من مزعج للغاية؟ : -_
هل يوجد حل؟ نعم!
أولاً ، أضف الكود التالي إلى منطقة <head> من الصفحة الرئيسية HTML:
نسخ رمز رمز على النحو التالي:
<script>
وظيفة openwin () {) {
window.open ("page.html" ، "" ، "العرض = 200 ، الارتفاع = 200")
}
وظيفة get_cookie (الاسم) {
var search = name + "="
var returnvalue = "" ؛
if (document.cookie.length> 0) {{
إزاحة = document.cookie.indexof (البحث)
إذا (إزاحة! = -1) {{
إزاحة += Search.Length
end = document.cokie.indexof ("؛" ، offset) ؛
إذا (نهاية == -1)
end = document.cookie.length ؛
ReturnValue = unescape (document.cookie.substring (Office ، End))
}
}
إرجاع القيمة ؛
}
وظيفة loadpopup () {
IFT_COOKIE ('botped') == '') {{
Openwin ()
document.cookie = "proped = yes"
}
}
</script>
بعد ذلك ، استخدم <body Online = "loadPopup ()"> (لاحظ أنه غير مفتوح ولكن loadpop!) استبدل الجملة الأصلية <Body> في الصفحة الرئيسية. يمكنك محاولة تحديث هذه الصفحة أو إدخال الصفحة مرة أخرى ، ولن تظهر النافذة أبدًا. البوب الحقيقي واحد فقط!