انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 73
دورة جافا سكريبت

دالة window open في لغة جافا سكريبتJavaScript window open Function

سوف تتعلم في هذا الدرس دالة ()window.open ووظيفيتها وكيفه استخدامها والعوامل التي يتم تمريرها بداخلها في لغة جافا سكريبت.

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
4
الأمثلة
5
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
2,989
محتوى الدرس
في هذا الدرس 4تصفّح المواضيع

JavaScript window open Function syntax طريقة كتابة دالة window open في لغة جافا سكريبت

تُستخدم دالة أو خاصية ()window.open  المتفرعة من كائن window في لغة جافا سكريبت لتحميل صفحة أو عنوان ويب جديد يمكن أن يكون [ tab - window - iframe ].


وظيفة دالة ()window.open في لغة جافا سكريبت:

  • تحميل صفحة أو عنوان ويب جديد يمكن أن يكون [ tab - window - iframe ].

JavaScript window open Function syntax

طريقة كتابة دالة ()window.open في لغة جافا سكريبت.

HTML 
open()
open(url)
open(url, target)
open(url, target, windowFeatures)

JavaScript window open Function value قيم دالة window open في لغة جافا سكريبت

لا توجد قيم يتم إرجاعها بواسطة دالة ()window.open ولكنها تقوم بفتح نافذة جديدة علي المتصفح.

  • new window نافدة جديدة.
  • null في حالة وجود خلل في فتح النافذة.

JavaScript window open Function parameters عوامل أو معطيات دالة window open في لغة جافا سكريبت

  • URL: هو عامل اختياري يتم تحديد بداخلة عنوان صفحة ويب التي يتم فتحها في نافدة جديدة, إذ تم تجاهل هذا العامل تفتح نافذة جديدة فارغة علي المتصفح.
  • Name: هو عامل اختياري يتم تحديد بداخلة قيمة خاصية target وهي التي تحدد عنوان صفحة الويب تفتح علي المتصفح في نافذة جديدة أم في نفس النافذة والقيم لهذا العامل هي [ blank - _parent - _self - _top -name_ ].
  • Specs: هو عامل اختياري يأخذ مجموعة خصائص ويتم الفصل بينهم عن طريق comma وليس مسافات:
الخاصية طريقة الاستخدام
fullscreen=yes|no|1|0 لعرض النافذة بمليء الشاشة او بالوضع الافتراضي
height=pixels تحديد طول النافذة - اقل قيمة هي 100
width=pixels تحديد عرض النافذة - اقل قيمة هي 100
left=pixels وضع النافذة من اليسار - غير مسموح بالقيم السالبة
top=pixels وضع النافذة من اعلي - غير مسموح بالقيم السالبة
location=yes|no|1|0 إذا ما كان سيتم عرض عنوان النافذة أم لا - لمتصفح أوبرا فقط
menubar=yes|no|1|0 إذا ما كان سيتم عرض شريط القائمة أم لا
resizable=yes|no|1|0 إذا ما كان سيتم تكبير وتصغير حجم النافدة أم لا - متصفح انترنت اكسبلورر فقط
scrollbars=yes|no|1|0 [IE, Firefox & Opera only] إذا ما كان سيتم الاسكرول للنافذة أم لا
status=yes|no|1|0 إذا ما كان سيتم عرض شريط تحميل للنافذة أم لا
titlebar=yes|no|1|0 إذا ما كان سيتم عرض عنوان للنافذة أم لا



JavaScript window open Function parameters

عوامل أو معطيات دالة window.open في لغة جافا سكريبت.

HTML 
window.open(URL, name, specs)

JavaScript window open Function دالة window open في لغة جافا سكريبت

عند النقر علي الزر سوف يتم فتح نافذة جديدة بالعنوان المحدد داخل دالة window open في لغة جافا سكريبت

JavaScript window open Function syntax

طريقة كتابة دالة ()window.open في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>
<h1>The Window Object with open() Method</h1>
<button id="btn">Open it</button>
<script>
let btn = document.getElementById('btn');
btn.addEventListener('click',()=>{
   window.open("https://www.closetag.com");
})
</script>
</body>
</html>
جرّب بنفسك

JavaScript window open Function target

طريقة فتح عنوان الويب داخل نفس النافذة بدلاً من فتحة في نافذة جديدة بواسطة دالة ()window.open في لغة جافا سكريبت .

HTML 
btn.addEventListener('click',()=>{
   window.open("/examples/navigation.html","_self");
})
جرّب بنفسك

JavaScript window open Function specs

طريقة فتح عنوان الويب في نافذة جديدة صغيره بأبعاد محددة وإظهار رساله نصية بداخلها بواسطة دالة ()window.open في لغة جافا سكريبت.

HTML 
btn.addEventListener('click',()=>{
   const content = new Blob(["<p>This is 'my window from closetag'</p>"], {type: "text/html"});
   let mywindow = window.open(URL.createObjectURL(content), "_blank", "width=300,height=300");
})
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…