JavaScript Home

JavaScript Tutorial

Introduction
How to Enable JavaScript
JavaScript Syntax
JavaScript Popup Boxes
JavaScript and HTML
External JavaScript File
JavaScript Operators
JavaScript Variables
JavaScript Functions
JavaScript Events
JavaScript If Statements
JavaScript Switch Statements
JavaScript While Loop
JavaScript For Loop
JavaScript Try Catch
JavaScript Escape Characters
JavaScript Void(0)
JavaScript Cookies
JavaScript Date and Time
JavaScript Arrays
Two Dimensional Arrays
JavaScript Summary

JavaScript Reference

JavaScript Reserved Words
JavaScript Event Handlers
JavaScript Date and Time Functions

JavaScript Examples

List of Examples
JavaScript Dropdown Menu
JavaScript Print
JavaScript Alert Box
JavaScript Confirm
JavaScript Prompt
JavaScript Status Bar Messages
Image Rollovers
Popup Windows
JavaScript Redirect
Timed JavaScript Redirect
JavaScript Refresh Page

10GB Webmaster Package

Unique, quality digital content ready to be resold.

Includes:

Over 29,000 Ebooks
Over 7,000 Website templates
Over 11,000 Fonts
Over 39,000 Logos
Over 1,000 Cell Phone Games
Over 3,000 Cell Phone Images
Over 21,000 Ring Tones
...and much more!

Get your 10GB webmaster package now!

JavaScript Examples

Related:
• HTML Examples

This page contains JavaScript examples - examples of JavaScript tricks that you can use for your own website.

You can use any of these examples simply by copying and pasting the code straight into your website.

We've got plenty of HTML examples too!

Description	Code	Result
Popup Window	<!-- JavaScript examples by Quackit.com --> <script type="text/javascript"> // Popup window code function newPopup(url) { popupWindow = window.open( url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes') } </script> <a href="JavaScript:newPopup('http://www.quackit.com/html/codes/');">Get your HTML codes here!</a>	Get your HTML codes in a popup!
Jump Menu	<!-- JavaScript examples by Quackit.com --> <script language="javascript" type="text/javascript" > <!-- hide function jumpto(x){ if (document.form1.jumpmenu.value != "null") { document.location.href = x } } // end hide --> </script> <form name="form1"> <select name="jumpmenu" onChange="jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)"> <option>Jump to...</option> <option value=http://www.quackit.com>Quackit Homepage</option> <option value=http://www.quackit.com/javascript/>JavaScript</option> <option value=http://www.quackit.com/html/>HTML</option> <option value=http://www.quackit.com/css/>CSS</option> <option value=http://www.quackit.com/sql/tutorial/>SQL</option> <option value=http://www.quackit.com/database/tutorial/>Database Tutorial</option> <option value=http://www.quackit.com/web_hosting/>Web Hosting Tutorial</option> </select> </form> <p style="font-family:verdana,arial,sans-serif;font-size:10px;color:#999;">Codes by <a href="http://www.quackit.com">Quackit</a>
Automatically launch the "print" dialog	<!-- JavaScript examples by Quackit.com --> <a href="JavaScript:window.print();">Print this page</a>	Print this page
"Print" dialog with printer icon	<!-- JavaScript examples by Quackit.com --> <a href="JavaScript:window.print();"><img src="/pix/printer_icon.gif" border="0" width="17" height="17" align="middle" alt="Print Version" /></a>
Alert Box	<!-- JavaScript examples by Quackit.com --> <input type="button" onclick="alert('Wow... you sure do know how to click!');" value="Click me..." />
Confirm Box	<!-- JavaScript examples by Quackit.com --> <script type="text/javascript"> function confirmHappy() { var happiness=confirm("Are you sure you're happy?"); if (happiness==true) { alert("Wow! You seem really happy!"); } else { alert("You should get out more!"); } } </script> <input type="button" onclick="confirmHappy()" value="If you're happy and you know it, click me..." />
Prompt	<!-- JavaScript examples by Quackit.com --> <script type="text/javascript"> function displayPrompt() { var name=prompt("What's your name?","Homer"); if (name!=null && name!="") { alert("Well " + name + ". You seem very daring!"); } else { alert("Hey, I asked you your name!"); } } </script> <input type="button" onclick="displayPrompt()" value="I dare you to click me!" />
Status Bar Messages	<!-- JavaScript examples by Quackit.com --> <a href="http://www.quackit.com/html/codes/" onMouseover="JavaScript:window.status='Get your HTML codes here!'; return true;"onMouseout="JavaScript:window.status=''; return true">Hover over me!</a>	Hover over me! (Doesn't work? Learn more here).
Image Rollover	<!-- JavaScript examples by Quackit.com --> <script type="text/javascript"> <!-- // Pre load images for rollover if (document.images) { smile = new Image nosmile = new Image smile.src = "http://www.quackit.com/pix/smile.gif" nosmile.src = "http://www.quackit.com/pix/nosmile.gif" } function swapImage(thisImage,newImage) { if (document.images) { document[thisImage].src = eval(newImage + ".src") } } --> </script> <a href="http://www.quackit.com/javascript/image_rollovers.cfm" onMouseOver="swapImage('jack','smile')" onMouseOut="swapImage('jack','nosmile')"> <img src="http://www.quackit.com/pix/nosmile.gif" width="100" height="100" border="0" name="jack"> </a>
Timed Redirect	<!-- JavaScript examples by Quackit.com --> <script type="text/JavaScript"> <!-- function timedRedirect(redirectTo, timeoutPeriod) { setTimeout("location.href = redirectTo;",timeoutPeriod); } // --> </script> <a href="JavaScript:void(0);" onclick="JavaScript:timedRedirect(redirectTo='http://www.quackit.com/html/examples/', timeoutPeriod='2000')">Redirect in 2 seconds...</a>	Redirect in 2 seconds...
Timed Refresh	<!-- JavaScript examples by Quackit.com --> <script type="text/JavaScript"> <!-- function timedRefresh(timeoutPeriod) { setTimeout("location.reload(true);",timeoutPeriod); } // --> </script> <p><a href="javascript:timedRefresh(3000)">Refresh this page in 3 seconds...</a></p>	Refresh this page in 3 seconds...

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/javascript/examples/Index.cfm">JavaScript Examples</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites

Oh, and thank you for supporting Quackit!

FREE Hosting!

With every domain name you register with ZappyHost, you get FREE (ad supported) hosting.

PLUS you get:

FREE Website Builder
FREE Blog
FREE Starter Web Page
FREE Email Account
& much more! (Total value $123 for FREE!)

Get your FREE hosting today! >>

Featured Template:
(Build your websites in minutes!)