JavaScript window open Function
دالة window open في لغة جافا سكريبت
سوف تتعلم في هذا الدرس دالة ()window.open ووظيفيتها وكيفه استخدامها والعوامل التي يتم تمريرها بداخلها في لغة جافا سكريبت.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات chevron_left JavaScript window open Function chevron_left JavaScript
JavaScript window open Function
دالة window open في لغة جافا سكريبت
</>
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 في لغة جافا سكريبت.
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 في لغة جافا سكريبت.
window.open(URL, name, specs)
</>
JavaScript window open Function
دالة window open في لغة جافا سكريبت
JavaScript window open Function syntax
طريقة كتابة دالة ()window.open في لغة جافا سكريبت.
<!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 في لغة جافا سكريبت .
btn.addEventListener('click',()=>{
window.open("https://www.closetag.com","_self");
})
JavaScript window open Function specs
طريقة فتح عنوان الويب في نافذة جديدة صغيره بأبعاد محددة وإظهار رساله نصية بداخلها بواسطة دالة ()window.open في لغة جافا سكريبت.
btn.addEventListener('click',()=>{
let mywindow =window.open("","_blank","width=300,height=300");
mywindow.document.write("<p>This is 'my window from closetag'</p>");
})
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
