Første |
|
JavaScript i HTML serie, Planche nr. 16 |
![]() |
Udskrift af : JavaScript i HTML |
??? from here until ???END lines may have been inserted/deleted
<SCRIPT>Man kan angive versionsnumre:
JavaScript statements...
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2">
<SCRIPT>
<!-- Begin to hide script contents from old browsers.
JavaScript statements...
// End the hiding here. -->
</SCRIPT>
<HEAD>slut-tag er påkrævet og evt. kode/HTML foran udføres ved læsefejl Hentes SRC fra server, skal denne sende mimetype:
<TITLE>My Page</TITLE>
<SCRIPT SRC="common.js">
...
</SCRIPT>
</HEAD>
<BODY>
...
<HR WIDTH="&{barWidth};%" ALIGN="LEFT">Udtrykket starter med "&" og slutter med ";"
<NOSCRIPT>
<B>This page uses JavaScript, so you need to get Netscape Navigator 2.0
or later!
<BR>
<A HREF="http://home.netscape.com/comprod/mirror/index.html">
<IMG SRC="NSNow.gif"></A>
If you are using Navigator 2.0 or later, and you see this message,
you should enable JavaScript by on the Advanced page of the
Preferences dialog box.
</NOSCRIPT>
...
Kør den - Prøv at skrive HTML-tags (H1 o.a.) for at få udskrift fra scriptet til at stå tydeligere.
Se total liste
Generel syntaks:
<TAG eventHandler="JavaScript Code">Eller
<INPUT TYPE="button" VALUE="Calculate" onClick="compute(this.form)">
Objekter har et navn (variabel) og en række "properties" og "functions".
Objekter hænger sammen i et hieraki.
(JavaScript har IKKE klasser i java-forstand)
<HEAD><TITLE>A Simple Document</TITLE>
<SCRIPT>
function update(form) {
alert("Form being updated")
}
</SCRIPT>
</HEAD>
<BODY>Eksempler på objektproperties:
<FORM NAME="myform" ACTION="foo.cgi" METHOD="get" >Enter a value:
<INPUT TYPE="text" NAME="text1" VALUE="blahblah" SIZE=20 >
Check if you want:
<INPUT TYPE="checkbox" NAME="Check1" CHECKED
onClick="update(this.form)"> Option #1
<P>
<INPUT TYPE="button" NAME="button1" VALUE="Press Me"
onClick="update(this.form)">
</FORM>
</BODY>
Property |
Value
document.title "A Simple Document" document.fgColor #000000 document.bgColor #ffffff location.href "http://www.royalairways.com/samples/simple.html" history.length 7 |
---|
<HEAD>
<SCRIPT>
<!--- Hide script from old browsers
// This function displays a horizontal bar of specified width
function bar(widthPct) {
document.write("<HR ALIGN='left' WIDTH=" + widthPct + "%>");
}
// This function displays a heading of specified level and some text
function output(headLevel, headText, text) {
document.write("<H", headLevel, ">", headText, "</H",
headLevel, "><P>", text)
}
// end script hiding from old browsers -->
</SCRIPT>
</HEAD>
<BODY>(Ovennævnte er et eksempel på kode, der er klippe-klistret - og det kan være farligt med javascript. Prøv at gemme i en html-fil og debug det med javascript-konsolen. Koden ER allerede gemt i 'defekt.htm')
<SCRIPT>
<!--- hide script from old browsers
bar(25)
output(2, "JavaScript Rules!", "Using JavaScript is easy...")
// end script hiding from old browsers -->
</SCRIPT>
<P> This is some standard HTML, unlike the above that is generated.
</BODY>
<HEAD>
<SCRIPT>
<!--- Hide script from old browsers
function compute(f) {
if (confirm("Are you sure?"))
f.result.value = eval(f.expr.value)
else
alert("Please come back again.")
}
// end hiding from old browsers -->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
Enter an expression:
<INPUT TYPE="text" NAME="expr" SIZE=15 >
<INPUT TYPE="button" VALUE="Calculate" onClick="compute(this.form)">
<BR>
Result:
<INPUT TYPE="text" NAME="result" SIZE=15 >
</FORM>
</BODY>