Display info in a new page : Document « Development « JavaScript DHTML






Display info in a new page

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function newpage()
{
 var thename= document.myform.yourname.value;
 var thefood= document.myform.yourfood.value;
 document.open();
 document.write("Your name is "+thename);
 document.write("<BR>");
 document.write("Your favorite food is "+thefood);
 document.close();
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM name="myform">
Name: <INPUT type="text" name="yourname" size="25">
<P>
Favorite Food: <INPUT type="text" name="yourfood" size="25">
<P>
<INPUT TYPE="button" value="Click Here for a New Page" onClick="newpage()">
</FORM>

</BODY>

</HTML>

           
       








Related examples in the same category

1.Output HTML in JavaScript
2.Output
with Javascript
3.Recursively reverse all nodes beneath Node n, and reverse Text nodes
4.Reverse the order of the children of Node (document)
5.Open a new document and add some text
6.Get element by name: getElementsByName()
7.Get a specified element using getElementById()
8.Title of a document
9.Referrer of a document (URL of the document)
10.Hide Email Address
11.Convert space to URL encode
12.document last Modified Property in Another Format
13.Checking document referrer
14.Make button (control) visible or invisible
15.Opening a New URL
16. HTML Page with Immediate Script Statements
17.Using document.write() on the Current Window
18.Using document.write() on Another Window
19.Methods and Properties of the Document Object