Contents
Introduction
हेलो दोस्तों आज हम इस post में javascript browser के साथ कैसे काम करती है वह detail से जानेगे!.
Javascript
Javascript एक client-side programming language है जिसे browser के द्व्रारा execute किया जाता है!. जिससे
web developers को dynamic और interactive web page create करने की अनुमति मिलती है!.
जब webpage load होता है तो browser का javascript engine page में javascript code को execute करना शुरु कर
देता है!. उसके बाद वह javascript code browser के साथ interact करके कई तरह की interactiviy add करना,
webpage के content, element, css style modify करने में और server तक request send करना additional data retrive
करने के लिए इस्तेमाल होता है!.
<!DOCTYPE html>
<html>
<head>
<script>
function showMessage() {
alert("Namaskar dosto!");
}
</script>
</head>
<body>
<button onclick="showMessage()">Show Message </button>
</body>
</html>
ऊपर के example में जब user “show message” button पर click करता है तो showMessage() function executed होता है जो “Namaskar dosto! “ message के साथ alert box में display करता है!.
Javascript Browser के साथ कैसे काम करता है उसकी detail
Web page me javascript loading karna:
Javascript code को webpage में कई तरीको से add किया जा सकता है जैसे code को direct HTML file
में add करना, और उसके आलावा javascript की अलग से एक file(.js) create करके add करना, या direct javascript CDN का इस्तेमाल करना!.
Parsing and Execution:
जब browser किसी बी webpage को load करता है तो यह document object model (DOM) बनाने के लिए
HTML, CSS or Javascript code को process करता है जो webpage की structure को represents करता है!.
जब HTML file browser में load होती है तब javascript code read होता है और ese memory में store
करता है!. और जब user page के साथ interacts करता है For example के लिए button पर click करता है तो
browser के memory में store javascript code execute होता है!.
DOM के साथ interactive करना:
Javascript code page के content, elements को modify करने के लिए DOM के साथ interact करता है!. for exaple
HTML elements को add करना, remove और modify कर सकते है!. या यह css का इस्तेमाल करके elements की style को change कर सकते है!.
User Events को handle करना:
Javascript users events जैसे की click events, hove events, form submissions and page scrolling events का responce दे सकता है!.
Example के लिए
javascript code का इस्तेमाल elements को hide और show करने, form validation करने या pop-up messages
show करने के लिए इस्तेमाल किया जाता है!.
Server के लिए requests करना:
Javascript additional data के लिए server में request कर सकता है, जैसे की JSON या XML, APIs जैसे
XMLHttpRequest या fetch() का इस्तेमाल करके यह dynamic update और real-time data को visualization जैसे features को handle कर सकते है!.
Browser APIs के साथ interacte करना:
Javascript browser के द्व्रावा दी गई functionality और data को access करने के लिए broser के APIs के साथ बी interacte कर सकता है!.
For example: users के device पर data को store करने और retrive करने के लिए browser के storage API का
इस्तेमाल कर सकता है या users के device तक पोहचने के लिए browser के geolocation API का इस्तेमाल कर सकता है!.
Continuing Execution:
Browser javascript code को continuing execution करना जारी रखता है जब तक की user page को छोड़ नहीं देता है या user कोय ऐसा action perform नहीं करता जो execution stop कर दे!.
लास्ट में javascript web developers को browser के साथ interactive करने का एक तरीका प्रदान करके dynamic और
interactive web page create करने की अनुमति देता है इसके functionality और data तक पोहचने की यह एक modern web development का एक key pattern बन गया है जो powerful और engagine web applications बनाने में सक्षम है!.
