Scribd Logo
Upload

Welcome to Scribd!

  • Adding JavaScript To HTML Pages

    Uploaded by

    Tahir Ali
    6 views2 pages
    There are three ways to add JavaScript to HTML pages: 1. Embedding code using <script> tags to add JavaScript code directly in the HTML file. 2. Using inline code by adding JavaScript directly to HTML tags using event attributes. 3. Linking an external .js file using the src attribute of the <script> tag, which is helpful for reusing code across multiple pages.

    Original Description:

    Original Title

    Adding JavaScript to HTML Pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    There are three ways to add JavaScript to HTML pages: 1. Embedding code using <script> tags to add JavaScript code directly in the HTML file. 2. Using inline code by adding JavaScript directly to HTML tags using event attributes. 3. Linking an external .js file using the src attribute of the <script> tag, which is helpful for reusing code across multiple pages.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    6 views2 pages

    Adding JavaScript To HTML Pages

    Uploaded by

    Tahir Ali
    There are three ways to add JavaScript to HTML pages: 1. Embedding code using <script> tags to add JavaScript code directly in the HTML file. 2. Using inline code by adding JavaScript directly to HTML tags using event attributes. 3. Linking an external .js file using the src attribute of the <script> tag, which is helpful for reusing code across multiple pages.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 2

    Adding JavaScript to HTML Pages

    There are following three ways in which users can add JavaScript to HTML pages.

    1. Embedding code
    2. Inline code
    3. External file

    I. Embedding code:-
    To add the JavaScript code into the HTML pages, we can use
    the <script>.....</script> tag of the HTML that wrap around JavaScript code inside the
    HTML program.

    <!DOCTYPE html >


    <html>
    <head>
    <title> page title</title>
    <script>
    document.write("Welcome to Javatpoint");
    </script>
    </head>
    <body>
    <p>Inthis example we saw how to add JavaScript in the head section </p>
    </body>
    </html>

    II. Inline code:-


    Generally, this method is used when we have to call a function in the HTML event
    attributes. There are many cases (or events) in which we have to add JavaScript code
    directly

    <!DOCTYPE html >


    <html>
    <head>
    <title> page title</title>
    </head>
    <body>
    <p>
    <a href="#" onClick="alert('Welcome !');">Click Me</a>
    </p>
    <p> in this example we saw how to use inline JavaScript or directly in an HTML ta
    g. </p>
    </body>
    </html>

    III. External file:-


    We can also create a separate file to hold the code of JavaScript with the (.js) extension
    and later incorporate/include it into our HTML document using the src attribute of
    the <script> tag. It becomes very helpful if we want to use the same code in multiple
    HTML documents. It also saves us from the task of writing the same code over and
    over again and makes it easier to maintain web pages.

    <html>
    <head>
    <meta charset="utf-8">
    <title>Including a External JavaScript File</title>
    </head>
    <body>
    <form>
    <input type="button" value="Result" onclick="display()"/>
    </form>
    <script type="text/javascript" src="hello.js">
    </script>
    </body>
    </html>

    You might also like