JavaScript

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

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

التاريخ

26 نوفمبر 2022

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

554

المواضيع

24
الشروحات 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 في لغة جافا سكريبت

عند النقر علي الزر سوف يتم فتح نافذة جديدة بالعنوان المحدد داخل دالة 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>");
})
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات