How To Find Javascript On Website

Back to Class nine page »

Including JavaScript In Your Folio

Including JavaScript in your folio is a fairly uncomplicated process.

First, What Is JavaScript?

From the W3C Schools Site:

• JavaScript was designed to add interactivity to HTML pages
• JavaScript is a scripting linguistic communication
• A scripting linguistic communication is a lightweight programming language
• JavaScript is usually embedded directly into HTML pages
• JavaScript is an interpreted language (means that scripts execute without preliminary compilation)
• Anybody tin use JavaScript without purchasing a license

Including the JavaScript

You can include JavaScript in your HTML in two ways:

• Writing the code in your HTML
• Including it as a link to an external file

For the most part, you will include the JavaScript as an external file.

The Script Tag

The <script> tag is what nosotros employ to includes our JavaScript. It's a lot like the <link> tag y'all've already been using to include your CSS files.

Hither's a very basic snippet of JavaScript using the script tag. This JavaScript is written direct into our HTML page. It will telephone call and alert box as before long as the page loads.

                  <script type="text/javascript">          alert("This alert box was chosen with the onload effect");          </script>              

When using the script tag, nosotros must ever use the attribute proper noun and value of type="text/javascript".

Using the script tag to include an external JavaScript file

To include an external JavaScript file, we tin can employ the script tag with the attribute src. You've already used the src attribute when using images. The value for the src attribute should be the path to your JavaScript file.

        <script type="text/javascript"          src="path-to-javascript-file.js"></script>      

This script tag should be included betwixt the <caput> tags in your HTML document.

JavaScript Files

JavaScript files are non HTML files or CSS files.

• Always terminate with the js extension
• Merely include JavaScript

Information technology's customary to put all JavaScript files in a folder called js on websites, like and then:

Simple Demo of Including JavaScript

Here's a very uncomplicated sit-in of how to include an external JavaScript file into an HTML page.

• Basic JavaScript Example

Other People'southward JavaScript

For this grade you are not expected to write whatever actual JavaScript code. Lucky for you, many of people take already written lots of JavaScript and fifty-fifty allow y'all to use it for free.

JavaScript Frameworks

A Framework is basically a library of code for a certain language. By and large, the framework abstracts common tasks and makes it easier and faster for designers and developers to write their specific lawmaking. Frameworks don't really do anything by themselves, they just provide an easier platform for people to build on.

Mutual JavaScript Frameworks:

• JQuery
• Image
• MooTools
• script.aculo.us

Of these frameworks, JQuery is currently the near popular 1. It's also the i you're near like to run into beingness used as a buzz word.

JavaScript File Sizes

Many JavaScript files can tend to exist rather big, which can slow down the load time of your page. Popular frameworks ordinarily offer a "minified" version of their lawmaking. You lot should ever use this version in your pages considering it will have a smaller file size.

Back to Form ix folio »

Source: http://web.simmons.edu/~grabiner/comm244/weeknine/including-javascript.html

Posted by: burnerhimusince1972.blogspot.com

Share this post