window.document.forms
window.document document // default: current window
document.forms document.images document.links
document.loginForm.user
document.write() document.writeln()
<script language="JavaScript">
var items = new Array();
item[0] = new LineItem("Perl and CGI", 29.95, 2);
item[1] = new LineItem("Internet Groupware", 44.95, 1);
item[2] = new LineItem("CGI Programming", 51.95, 1);
document.writeln("<table border='1'>");
for (var i=0; i<items.length; i++) {
document.writeln("<tr>");
document.writeln("<td>", item[i].name);
document.writeln("<td>", item[i].price);
document.writeln("<td>", item[i].quantity);
}
document.writeln("</table>");
function Item(name, price, quantity) {
this.name = name;
this.price = price;
this.quantity = quantity;
}
</script>
document.forms[0] document.loginForm
document.forms[0].elements[0] document.loginForm.user
document.loginForm.user.value document.loginForm.elements[0].name
<input type="text" name="fahrenheit" value="32"> F to
<input type="text" name="celsius"> C
<input type="button" value="Convert"
onClick="convert(this.form)">
function convert(form) {
alert("convert");
form.celsius.value =
Math.round((form.fahrenheit.value - 32)/1.8);
}
<select name="rank" onChange="selected(this)">
<option value="1">1
<option value="2">2
<option value="3">3
</select>
function selected(element) {
var i = element.selectedIndex;
var selection = element.options[i].value;
alert("Selected: " + selection);
}
alert("Password incorrect"); // default: current window
var delete = confirm("Delete file?"); // true/false
var goto = prompt("Go to page?");
open(url, name, features);
<script language="JavaScript">
function viewShoppingCart() {
open('example1.html', 'cart',
'height=200,width=300,resizable');
}
</script>
<a href="javascript:viewShoppingCart();">View Shopping Cart</a>
<input type="text" name="age" onChange="checkAge(this);"
function checkAge(element) {
if (element.value != parseInt(element.value)) ||
element.value < 1 || element.value > 150) {
alert("Please enter an age between 1 and 150");
element.focus(); // moves cursor back
return false;
}
return true;
}
<form method="post" action="/cgi/register.cgi"
onSubmit="return checkForm(this);">
function checkForm(form) {
if (form.age.value == "") {
alert("Please enter your age");
return false;
}
return true;
}
form.age.value form["age"].value
function isInteger(value) {
return value == parseInt(value);
}
function inRange(value, low, high) {
return low <= value && value <= high;
}
function checkPhone(element) {
if (!element.value.match(/\d{3}-\d{4}/)) {
alert("Incorrect phone number");
return false;
}
return true;
}
function checkPostalCode(element) {
if (!element.value.match(/([A-Z][0-9]){3}/)) {
alert("Incorrect postal code");
return false;
}
return true;
}
function requireValue(form, requiredValues) {
for (var i=0; i<requiredValues.length; i++) {
var name = requiredValues[i];
if (form[name].value == "") {
alert("Please enter a value for " + name);
return false;
}
}
return true;
}
javascript:q = document.getSelection();
for(i=0; i<frames.length; i++) {
q = frames[i].document.getSelection();
if (q) break; // we found a selection
}
if (!q) // no selection, thus prompt
void( // no return value
q = prompt('Enter text to search using Google.
You can also highlight a word on this web page
before clicking Google Search.', ''));
if (q) location.href =
'http://www.google.com/search?client=googlet&q=' +
escape(q)
javascript:q=document.getSelection();location.href='http://www.m-w.com/cgi-bin/dictionary?book=Dictionary&va='+escape(q)
<FORM name="dict" method="post" action="/cgi-bin/dictionary"> <TD valign="middle" width="165"> <INPUT type="hidden" name="book" value="Dictionary"> <FONT color="#ffffff" size="2" face="Arial, Helvetica"><B>Collegiate<SUP>�</SUP> Dictionary</B></FONT> </TD><TD valign="middle" width="140"> <INPUT name="va" size="15"> </TD><TD valign="middle" width="95"> <INPUT type="submit" value="Look it up"> </TD> </FORM>