how to include javascript in html in hindi

Javascript Code को HTML webpage में कहा रख सकते है?

Introduction

हेलो दोस्तों हम इस post में javascript code को HTML document में किस जगह में setup( रख ) सकते है वह जानेगे|. HTML document में javascript code कही भी include कर सकते है लेकिन HTML file में javascript code को include करने के लिए
सबसे पसिन्दा तरीका इस प्रकार है!.

HTML file में javascript code

1.Javascript code <head>…</head> section में
2.Javascript code <body>…</body> section में
3.Javascript code <body> and <head> section में
4.Javascript code with external file include in <head>…</head>

HTML document Structure

Javascript code को HTML document में include करने से पहले HTML का basic structure देख सकते है जिसे ki आपको समजने में आसानी रहे!.

<!DOCTYPE html>
<html>
 <head>
  <title>Page Title</title>
 </head>
 <body>
  <header> 
   <nav>...</nav>
  </header>
  <main>
   <h1>Heading<h1/>
   <p>Paragraph</p>
  </main>
  <footer>
    ...
  </footer>
 </body>
</html>

Javascript code <head>…</head> section में

अगर हम किसी event पर script को run करना चाहते है!. जैसे की document load के बाद newsletter popup दिखाना हो या user के click पे event trigger करना है तो आप उस script को head tag में कुछ इस तरह लिख सकते है!.

<html>
 <head>
  <script type="text/javascript"> 
   function userEvent(){
    alert("Hello World!");
   }
  </script>
 </head>
 <body>
  <input type="button" onclick="userEvent()" value="Click Here">
 </body>
</html>

Javascript code <body>…</body> section में

Javascript code को body section में <body> opening tag और </body> closing tag में लिख सकते है!.

<html>
 <head>
  ...
 </head>
 <body>
  <script type="text/javascript"> 
   document.write("Hello World");
  </script>
 </body>
</html>

Javascript code <body> and <head> section में

Javascript code ham <body> and <head> दोनों section में रख सकते है!.

<html>
 <head>
  <script type="text/javascript">
    function userEvent(){
     alert("Hello World");
    }
  </script>
 </head>
 <body>
  <script type="text/javascript"> 
   document.write("Hello World");
  </script>
  <input type="button" onclick="userEvent()" value="Click Here">
 </body>
</html>

Javascript code with external file include in <head>…</head>

जैसे ही javascript के साथ familear यानि javascript के साथ काम करते करते code को manage करना बी सिख जाते है!. जैसे की javascript code का इस्तेमाल कुछ webpage में सामान रूप से किया जाता है तो हम इस code सभी webpage में लिखने की जगह एक javascript की file create कर लेंगे और उस javascript file को सभी web page में include करके webpage के लिए हमारा javascript का code रन  करा सकते है!. और External javascript file को हम <script> tag के src attribute का इस्तेमाल करके apane HTML document में एक external javascript file को include करा सकते है!.

<html>
 <head>
  <script type="text/javascript" src="javascript_filename.js"> </script>
 </head>
 <body>
   <input type="button" onclick="userEvent()" value="Click Here">
 </body>
</html>

ऊपर  के example में देख सकते है की हमने external source file को script tag में src attribute के इस्तेमाल से include की है!. जो source file हमने add की है उस file में हमारा javascript का code लिखेंगे!.

javascript_filename.js

function userEvent(){
 alert("Hello World!");
}

 

 

Leave a Comment

Your email address will not be published.