Diese Woche habe ich die Syntaxbasis von 3 Teilen des Clients, XHTML, CSS und JavaScript gelernt. Erstens: Über XHTML -Attribute (Tags) - - 1. Formeigenschaften <Form Action = "Form Handler url" methode = "Gei/post"> 2. <id = "" name = ""> Diese beiden Attribute sind die eindeutigen Identifikationsnummern und Unterschiede des Formulars. > in. 3.. Steuerelemente <eingabe>, <Select> und <option>, <textarea>; <eingabe> ist ein Steuerelement, das sich von der Typ -Attributdefinition unterscheidet. Verwendet für verschiedene Kontrollen nach unterschiedlichen Bedürfnissen. <Select> und <option> werden zusammen als Kontroll-Dropdown-Menüs verwendet. Grundformat: <select name = "" id = ""> <option value = ""> xx </option> </select> <textarea> wird verwendet, um ein Multi-Line-Textfeld zu erstellen. 4. Definitionsattribute: Schriftfamilie definieren Sie die Schriftstil der Schrift; > Leere Linie & nbps; Ein Raum Zweitens: CSS -Steuerseite 1. Stilregeln: Im Layout unter Verwendung des CSS -Stils lautet das grundlegende Format wie folgt Wähler{ Attribut 1: Wert 1; Attribut 2: Wert 2; ..... } Und add <style type = "text/css"> zu <kopf> </head>, um CSS-bezogene Funktionen aufzurufen 2. Selektor: Element-Selektor, Klassenauswahl, ID-Selektor, Selektor, Wild Selector, Pseudo-Klasse und Pseudo-Element-Selektor. (Weitere Informationen finden Sie in Buch 54-56) 3.. Stilregel Position: Insgesamt gibt es 3 Formen - Outreach, Inline und Embedded. Outreach erstellt eine .css -Datei in derselben Datei wie die generierte Datei und dann den Arbeitsattributcode in Form von Text in .css. Und in der Seite Datei verwenden Sie <link rel = "stylesheet" type = "text/css" ref = "url of stylesheet"> Zum Aufrufen ist diese Methode für mehrere Seiten geeignet, um denselben Stil zu verwenden. Einbett ist das häufig verwendete CSS Wähler{ Attribut 1: Wert 1; Attribut 2: Wert 2; ..... } Diese Form wird verwendet. Inline bedeutet, das Stilattribut nach dem Element zu verwenden, um den Stil zu markieren, wenn es angezeigt wird. Grundsätzlich haben die meisten HTML -Tags Stilattribute. 4.CSS -Kastenform und Überlappung (1) Rand: Rand Grenze: Grenzpolsterung: Grenzabstand (siehe Buch 53 für Details) (2) CSS-Attributeinheit: (Siehe detaillierte Einführung auf den Seiten 57-65 des Buches) (3) Div-CSS-Seitenlayout: Dies ist der Punkt, nicht nur das <table> -attribut kann die gesamte Seite layout, sondern das häufig verwendete <Div> ist bequemer und prägnanter. Drittens: Die Syntaxbasis und die Weiterentwicklung von JavaScript Es gibt nur 3 Punkte zu Meister: 1. <script type = "text/javaScript"> Dies ist das gleiche wie das Aufrufen des CSS -Attributs. document.write ("hello") entspricht der Bedeutung von C -Sprachdruckf und kann auch durch Warnungen ersetzt werden. 2. Ereignishandler: In diesem Punkt gibt es 4 Wissenspunkte, die ziemlich viel sind. 3.. Erweiterte Syntax: Wählen Sie eine Klasse, die dem Datentyp, der Schleife, der Ordnung und der Auswahl in der C -Sprache ähnelt. Es gibt nur ein paar Unterschiede: (1) Definieren Sie den Datentyp ohne explizite Definition, verwenden Sie einfach var. (2) Verschiedene Arten von Datenberechnungen sind nicht so klar wie C-Sprache. (3) String -Operator hinzugefügt. 4. Funktionsaufruf: Dies ähnelt auch der C -Sprache. <! docType html public "-// w3c // dtd xhtml 1.0 transitional // en" " http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd "> </body> Diese Frage wird mit Funktionsaufrufen zusammengefasst, und jeder sollte verstehen können - -! Unsere Hausaufgaben. Ok, das ist meine Zusammenfassung dieser Woche.
<html xmlns = " http://www.w3.org/1999/xhtml " xml: Lang = "en" Lang = "en">
<kopf>
<title> JavaScript Sum </title>
<script type = "text/javaScript">
Funktion sum1 (m) {
var i, n = 1;
für (i = 1; i <= m; i ++) {
n = 1/i*n;
}
return n;
}
Funktionsumme (n) {
var i, s = 0;
für (i = 1; i <= n; i ++) {
s = s+sum1 (i);
}
Warnungen;
}
</script>
</head>
<body>
<form action = "#" method = "get">
1+1/2! +1/3! +1/4! ...... 1/10! =
<input type = "button" value = "sum" onclick = "sum (10);" />
</form>
</html>