Heim >Web-Frontend >js-Tutorial >JavaScript-Ereignismechanismus
JavaScript-Ereignismechanismus
- 高洛峰Original
- 2016-11-25 11:40:321213Durchsuche
HTML-Dokument des übergeordneten Formulars:
//Studenteninformationen hinzufügen addStuInfo
function addStuInfo(){
//Das Modal aufrufen Formular aus, geben Sie die Informationen des Schülers in das modale Formular ein und übergeben Sie sie dann an das übergeordnete Formular.
var result = window.showModalDialog("addinfo.html", , "dialogwidth:800px;dialogheight:300px");//result empfängt ein Array-Objekt
// Warnung (result: + result[0]); // Gibt den Rückgabewert aus, das Ergebnis gibt keinen String, sondern ein Array zurück um festzustellen, dass, wenn alle Felder auf der Seite „Hinzufügen“ des Modus leer sind, keine Notwendigkeit besteht, eine Zeile im Hauptformular hinzuzufügen
var flag = 0;
for (i in result) {
🎜> /////////////// //
(Ergebnis:+Ergebnis [0]); // Ausgabe des ersten Wertes im Rückgabewert -Array
addrow (Ergebnis, document.getElementById( "myTable" ) );//Übergeben Sie zwei Parameter an die addRow-Methode. Einer ist das zurückgegebene Ergebnis und der andere ist die zu bearbeitende Tabelle
, mehrere tr
können sein zum Körper hinzugefügt var tr = document.createElement( "tr" );//Erstelle ein tr-Tag
for( i = 0; i < result.length;i++ ){//Erstelle die entsprechende Anzahl von td
basierend auf dem Ergebnis td = document.createElement(td);
td.innerHTML = result[ i];//Wert zuweisen zu.
tbody.appendChild( tr );//Tr hinzufügen zu die Rückseite des Körpers
myTable.appendChild(tbody); // Den erstellten Tbody zur anzuzeigenden Tabelle hinzufügen,
// Das Obige ist eigentlich der Prozess der HTML-Erstellung über das Dokumentobjekt ------------ --//给每次创建的tr行建立事件触发器
tr. = function(){//////////// /////////// ////////////////////////Wenn die Maus nach oben bewegt wird
.backgroundColor = "#abcdef";//Hintergrundfarbe
/////////////////////////////////////////////Nach dem Maus wird losgelassen
tr.style.backgroundColor = tr.onclick = function(){/////// ///////// ///////////// ////////////////////////Maus angeklickt
🎜 > // alarm (tr.cells [0 ] .innerhtml);
var array = new array (5); // > nerHTML; Füge den Inhalt in das temporäre Array ein
body, ändern Ändern Sie das td
in tr direkt über die modale Form 300px " );
🎜>