JS decodieren und codieren.html
Die Codekopie lautet wie folgt:
<! DocType html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> JavaScript -Codierung und Decodierung </title>
<script type = "text/javaScript">
Funktion Gel (id) {
return document.getElementById (id);
}
window.onload = function () {
//alert(document.getElementById("Span1").innerhtml
Gel ("Btn1"). onclick = function () {
Alert (Encodeuri (Gel ("span1"). Innerhtml));
};
Gel ("Btn2"). onclick = function () {
Alert (Decodeuri (Gel ("span1"). Innerhtml));
};
};
</script>
</head>
<body>
<span id = "span1"> Die drei Helden des verrückten Mannes steigen! </span>
<Eingabe type = "button" id = "btn1" value = "codiert" />
<Eingabe type = "button" id = "btn2" value = "decodiert" />
</body>
</html>
Verwendung von setInterval und setTimeout in js.html
Die Codekopie lautet wie folgt:
<! DocType html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8"/>
<title> Verwenden von SetInterval und SetTimeout in JS </title>
<script type = "text/javaScript">
var time = 10;
var id = 0;
Funktion Gel (id) {
return document.getElementById (id);
}
Funktion dektime () {
if (Zeit> 0) {
Zeit--;
Gel ("Timesspan"). Innerhtml = Zeit;
} anders {
// die Stundenhand löschen
ClearInterval (ID);
}
}
window.onload = function () {
id = setInterval (dctime, 1000);
};
</script>
</head>
<body>
<span> Countdown <span id = "timesspan" style = "color: rot;"> </span> Sekunden </span>
</body>
</html>
JS Überprüfen Sie, ob die Eingabe eine Nummer ist.html
Die Codekopie lautet wie folgt:
<! DocType html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8"/>
<titels> JS Überprüfen Sie, ob die Eingabe eine Nummer </title> ist
<script type = "text/javaScript">
window.onload = function () {
document.getElementById ("Btn1"). onclick = function () {
var i = prompt ("den zu beurteilten Wert eingeben");
//window.alert(i);
if (! isnan (i)) {
window.alert ("ist number");
} anders {
window.alert ("nicht eine Zahl");
}
};
}
</script>
</head>
<body>
<Eingabe type = "button" id = "btn1" value = "Richter Nummer" />
</body>
</html>
JS erhalten, erstellen und löschen dynamisch Knoten.html
Die Codekopie lautet wie folgt:
<! DocType html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<titels> js dynamisch erhalten, erstellen und löschen Knoten </title>
<script type = "text/javaScript">
Funktion gel (id) {return document.getElementById (id); }
window.onload = function () {
Gel ("btnProadd"). onclick = function () {
// Kinderknoten unter Prolist hinzufügen
var linew = document.createelement ("li");
linew.innerhtml = prompt ("Geben Sie die zugefügte Provinz ein");
Gel ("prolist"). appendChild (linew);
// Alle Click-and-Delete-Ereignisse abrufen
DellionClick ();
};
// Doppelklicken Sie auf den LI-Kinderknoten und löschen Sie ihn
Funktion DellionClick () {
// 1. Holen Sie sich zuerst alle Kinderknoten
var Linodes = Gel ("Prolist"). Childnodes;
für (var i = 0; i <linodes.length; i ++) {
Linodes [i] .onclick = function () {
//alert(linodes · i])
// Folgendes ist die richtige Möglichkeit, es zu löschen, und verwenden Sie dies. Denn das, das das Onclick -Ereignis auslöst, ist immer das LI, das Sie ausgewählt haben
this.parentnode.removechild (this);
};
}
}
};
</script>
</head>
<body>
<ul id = "prolist">
<li> shanxi </li>
<li> Henan </li>
<li> Peking </li>
</ul>
<Eingabe type = "button" value = "neue Provinz hinzufügen" id = "btnProadd" />
</body>
</html>
Verwendung von setInterval und setTimeout in js.html
Die Codekopie lautet wie folgt:
<! DocType html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8"/>
<title> Verwenden von SetInterval und SetTimeout in JS </title>
<script type = "text/javaScript">
var time = 10;
var id = 0;
Funktion Gel (id) {
return document.getElementById (id);
}
Funktion dektime () {
if (Zeit> 0) {
Zeit--;
Gel ("Timesspan"). Innerhtml = Zeit;
} anders {
// die Stundenhand löschen
ClearInterval (ID);
}
}
window.onload = function () {
id = setInterval (dctime, 1000);
};
</script>
</head>
<body>
<span> Countdown <span id = "timesspan" style = "color: rot;"> </span> Sekunden </span>
</body>
</html>
JS fügen dynamisch Tabellendaten hinzu.html
Die Codekopie lautet wie folgt:
<! DocType html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> Dynamische Zugabe von Tabellendaten </title>
<script type = "text/javaScript">
var mailarr = [
{"Titel": "A C# Problem", "Name": "Zhang San", "Datum": "2014-03-21"},
{"Titel": "Ein JavaScript-Problem", "Name": "Li Si", "Datum": "2014-03-21"},
{"Titel": "A C Frage", "Name": "55", "Datum": "2014-03-21"},
{"Titel": "A C ++ Frage", "Name": "Zhao Liu", "Datum": "2014-03-21"}
];
window.onload = function () {
var Tab = document.getElementById ("TB");
// Die Mailarr -Schleife durchquerte Methode in der Tabelle in TR
für (var rowIndex = 0; rowIndex <mailarr.length; rowIndex ++) {
var tr = document.createelement ("tr");
var th1 = document.createelement ("th");
var th2 = document.createelement ("th");
var th3 = document.createelement ("th");
var th4 = document.createelement ("th");
Th1.InnerHtml = "<Eingabe type = 'CheckBox'/>";
th2.ernnerHtml = mailarr [rowIndex] .title;
th3.innerhtml = mailarr [rowIndex] .name;
th4.Nerhtml = mailarr [rowIndex] .Date;
tr.Appendchild (th1);
Tr.Appendchild (Th2);
tr.Appendchild (th3);
tr.Appendchild (th4);
tab.AppendChild (tr);
}
};
</script>
</head>
<body>
<table id = "tb" style = "Border-Collapse: Zusammenbruch;">
<tr>
<Th> Sequenz </th>
<Th> Titel </th>
<Th> Mailer </th> senden
<Th> Zeit senden </th>
</tr>
<!-Schleife erhöhen->
</table>
</body>
</html>