08a_intro_to_JavaScript_Debugging - Debugging MedhatElmasry COMP1536&ACIT1620 08a1 WhatCanScriptingDo n n n n n n n n G

08a_intro_to_JavaScript_Debugging - Debugging MedhatElmasry...

This preview shows page 1 - 9 out of 32 pages.

Introduction to JavaScript +  Debugging Medhat Elmasry 08a - 1 COMP-1536 & ACIT-1620
Image of page 1
COMP-1536 & ACIT-1620 08a - 2 What Can Scripting Do n Asking the browser to display information n Making the Web page different depending on the  browser and browser features n Monitoring user events and specifying reactions n Generating HTML code for parts of the page n Modifying a page in response to events n Validating user input n Replacing and updating parts of a page n Dynamically changing the style and position of  displayed elements
Image of page 2
COMP-1536 & ACIT-1620 08a - 3 What Is JavaScript? n JavaScript is a widely used scripting language  originally developed by Netscape. n ECMAScript is the international standard for  JavaScript. n JavaScript is supported well by major browsers. n JavaScript programs are not written in Java, which  is another programming language. JavaScript  syntax is similar to C and Java.
Image of page 3
COMP-1536 & ACIT-1620 08a - 4 More on JavaScript n JavaScript programs are embedded in Web pages  and executed by browsers that provide the host  environment or execution context. n Script or code is executed when: n The HTML page is loaded n In response to some event n JavaScript provides dynamic content on web  pages Note: JavaScript is case-sensitive!!!
Image of page 4
COMP-1536 & ACIT-1620 08a - 5 Comparing Java and JavaScript JavaScript and Java have very little in common.
Image of page 5
COMP-1536 & ACIT-1620 08a - 6 How to place JavaScript (JS) into a web page? n The <script> tag allows you to add JavaScript to your web  page. n Although <script> tags are often placed in the <head>  section of a web page, they can be placed anywhere in the  <body> section. n Enter the JavaScript code between  <script>  and  </script>  tags. <script type="text/javascript"> /*<![CDATA[*/ put your JavaScript here /*]]>*/ </script> <script> put your JavaScript here </script> XHTML HTML5
Image of page 6
COMP-1536 & ACIT-1620 08a - 7 Store JavaScript in a separate file Why? n If you want to use the same JavaScript on several web  pages, consider storing the code in a separate external file. n Saving JavaScript in a separate external file will make your  web page less cluttered more readable n You can then include a reference to the external file on  each web page that you want to use the JS. n Use the .js extension when naming the file n Use following tag to link to the external file: <script type="text/javascript" src="myScript.js" ></script>
Image of page 7
Simple Program: Printing a Line of Text in a  Web Page  n Inline scripting n Written in the  < body>  of a document n <script>  tag Indicate that the text is part of a script type  attribute Specifies the type of file and the scripting  language use writeln  method Write a line in the document Escape character (  \  )
Image of page 8
Image of page 9

You've reached the end of your free preview.

Want to read all 32 pages?

  • Fall '12
  • MEDHATELMASRY
  • Web page, Equals sign, relational operator, DOCTYPE html PUBLIC

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture