Java script
This presentation is the property of its rightful owner.
Sponsored Links
1 / 5

Java Script PowerPoint PPT Presentation


  • 167 Views
  • Uploaded on
  • Presentation posted in: General

Java Script. By: Sharla Murphy. introduction.

Download Presentation

Java Script

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Java script

Java Script

By: Sharla Murphy


Introduction

introduction

  • JavaScript is a simple, powerful, and popular programming language that is built into web browsers. Learning JavaScript can be useful for web designers and a lot easier if you know HTML and CSS, because it is used to make web pages interactive. JavaScript isn't limited to making interactive web pages, you can also use it for server-side programming.

  • In the tutorials I learned JavaScript basics, including two basic computer programming concepts—calculations and variables. To be able to learn and make interactive websites using JavaScript, you need to learn computer basics and programming concepts. Using HTML and JavaScript, you can change the contents of HTML elements in response to user events, such as a button click. JavaScript programs are a sequence of statements or commands that are run by a web browser in the order they are written. The simplest JavaScript program can be a single line long, while large programs can be thousands of lines long.


Body head scripts

Body & head Scripts

  • JavaScript code can be inserted either in the head of the document (between the <head> and </head> tags) or in the body (between the <body> and </body> tags). Since the head loads before the body, placing code in the head ensures that it is available when needed/ wanted. To make my webpage not look as full and make it more organized, I used the scripting <body> function for some of my topics that some people may want to specifically know where to click to read about a paragraph topic. This makes my website easier to read and more appealing to the eye for someone who wants to know information quickly on the Bahamas when a button is clicked. I really like using this because it creates a neater looking and more specific area for certain amounts of information. The only reason to put JavaScript in the head is for scripts that modify how the browser actually renders the page. If you need the JavaScript to accomplish something on the page, and you don't want the end user to see the content until that's accomplished, then you should include it in the head. It really depends on each individual case. Most of the time, putting it at the bottom really IS better for optimizing page download, as the user will get to see all the content on the page before the JS even starts downloading.


Changing attributes

Changing Attributes

Changing an attribute can be done in the form of an image, you can change it As with all named node maps, attributes are a live collection, which means changes to the collection it represents are immediately reflected in the node map. I used this to display how you can get very sunburnt after you come back from the Bahamas, as I edited Johnny on Photoshop. The setAttribute() dynamically modifies the value of an element's attribute. The method takes two parameters- the name of the attribute to set, and its new value you are changing it to.


Blink and string elements

Blink and string Elements

  • You can apply the blinking feature in any element with the feature of JavaScript. The blink() method is used to display a blinking string. A string simply stores a series of characters, there is various ways to create a string using the new keyword or with the literal form, surround characters with either single quotes or double quotes. A string embedded in the <blink> tagcan be done like this:<blink>string</blink>. The string is recognized as an object in JavaScript. JavaScript isn't object-oriented, it is based on objects. In JavaScript, objects areconsidered a form, a window, buttons, images, strings. JavaScript sees all elements of a page as objects. An object is a collection of values called properties. When a property is function, it’s referred to as a method. Strings have one built-in property, length. Strings are fun to play with as they can be displayed in blinking, bold, colored, italics, excreta. I used a few different examples of blinking text in my website to attract attention to import or advertising things. I experimented with colors that blink differently aswell.

The letters change colors to attract attention towards the link that I am advertising


  • Login