JavaScript

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

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

التاريخ

27 نوفمبر 2022

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1204

المواضيع

24
الشروحات chevron_left JavaScript window close Function chevron_left JavaScript

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

</> JavaScript window close Function syntax
طريقة كتابة دالة window close في لغة جافا سكريبت

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


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

  • لإغلاق النافذة الحالية أو لإغلاق النافذة التي يتم استدعائها في لغة جافا سكريبت
JavaScript window closeFunction syntax

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

let myWin;

function openWinow() {
  myWin = window.open("", "myWin", "width=300, height=300");
}

function closeWindow() {
  myWin.close();
}

</> JavaScript window close Function value
قيم دالة window close في لغة جافا سكريبت

لا توجد قيم يتم إرجاعها بواسطة دالة في لغة جافا سكريبت.

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

لا توجد أي معطيات أو عوامل يتم تمريرها داخل دالة ()window.close في لغة جافا سكريبت.

</> JavaScript window close Function
دالة window close في لغة جافا سكريبت

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

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

<!DOCTYPE html>
<html>
<body>
<h1>The Window Object with close() Method</h1>
<button id="openBtn">Open Window</button>
<button id="closeBtn">Close Window</button>
<script>
let myWindow;
let openBtn = document.getElementById('openBtn');
let closeBtn = document.getElementById('closeBtn');
openBtn.addEventListener('click',()=>{
   myWindow = window.open("", "", "width=300,height=300");
})

closeBtn.addEventListener('closeBtn',()=>{
   myWindow.close();
})
</script>
</body>
</html>
معلومات تهمك
  • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات