Hinweise zur Verwendung von Textarea
|
Warum speziell Textbereich erwähnen? Denn der Textarea-Knoten ist tatsächlich etwas ganz Besonderes. Da dieser Knoten speziell ist, wird er im Internet Explorer und anderen Browsern unterschiedlich interpretiert. Ich werde euch noch eine Weile auf die Folter spannen, haha! Tatsächlich war der Hauptgrund, dass ich heute einem älteren Bruder geholfen habe, einen Fehler zu beheben. Genauer gesagt, weil beim Abrufen und Einfügen von Daten vom Server in den Textbereich ein Fehler aufgetreten ist. Diese Situation trat nur im Internet Explorer auf. Andere Browser sind alle normal! Erstens: Was ist das Besondere an Textbereichen? In allen Formular-Plugins wird der Wert von Textarea zwischen zwei öffnenden und schließenden Tags geschrieben, sodass sein Wert aus der DOM-Perspektive als Textknoten betrachtet werden kann, was für Textareas einzigartig ist. Dank dieser Funktion können Sie den Text des Textbereichs immer noch ändern, wenn Sie den Wert seines innerHTML ändern. Obwohl der IE dies unterstützt, ist eines nicht möglich: das dynamische Einfügen einiger HTML-Tags. Sie könnten auch ein Experiment machen: Beim Einfügen eines HTML-Codes über JS in IE wird das Attribut innerHTML anstelle von value oder innerText verwendet. Ich habe IE9+ nicht getestet, aber IE6, 7 und 8 melden alle Fehler. Aus Sicherheitsgründen ist es JS wahrscheinlich nicht gestattet, HTML dynamisch in den Textbereich einzufügen. Wer jedoch vorsichtig ist, stellt möglicherweise fest, dass der Textbereich den HTML-Code akzeptiert, wenn er manuell eingegeben wird. Ich glaube, hier hat es tatsächlich einen solchen Prozess gegeben: Charakterflucht. Ja, dies ist der einzige Grund, der den Erfolg der manuellen Eingabe des HTML-Codes erklären kann. Warum müssen wir meiner Meinung nach bei der Durchführung von JS-Operationen immer noch das Attribut innerHTML verwenden, wenn doch die Textbereiche so vieler Browser die HTML-Anzeige nicht unterstützen? Das heißt, egal, ob Sie zum Einfügen von HTML-Code einen Wert oder innerHTML zum Einfügen von HTML-Code verwenden, dieser wird nach der Analyse nicht angezeigt (deshalb gibt es Rich-Text-Editoren anstelle von Textarea). Warum also nicht einen Wert zum Festlegen des Werts von Textarea verwenden? Daher denke ich, dass der Wert des Textbereichs nicht über innerHTML festgelegt werden sollte (aufgrund von Firefox ist es natürlich noch unwahrscheinlicher, dass es sich um innerText handelt), sondern über den Wert. Dies ist etwas, worauf Entwickler achten sollten. Denn manche der Codes, die ich in letzter Zeit gesehen habe, verwenden immer gerne innerHTML. Eigentlich glaube ich, dass alles von der Situation abhängt. |
<<: Vollständige Schritt-für-Schritt-Anleitung zur Installation und Deinstallation von MySQL 8.0.26
>>: Eine großartige Sammlung von Lernressourcen zu Webstandards
Artikel empfehlen
Spezifische Verwendung von Docker Anonymous Mount und Named Mount
Inhaltsverzeichnis Datenvolumen Anonyme und benan...
Beschreibung der Schreibmethode des Foreach-Arrays in Vue und des Traversal-Arrays in js
So schreiben Sie ein Vue-foreach-Array und durchl...
Beim Ändern eines Datensatzes in MySQL lautet die Aktualisierungsoperation Feld = Feld + Zeichenfolge
In einigen Szenarien müssen wir unsere Felder vom...
Erste Schritte mit den JavaScript-Grundlagen
Inhaltsverzeichnis 1. Wo man JavaScript schreibt ...
So installieren Sie MySQL 8.0 und melden sich bei MySQL unter MacOS an
Folgen Sie dem offiziellen Tutorial, laden Sie da...
Detaillierte Erklärung des Sticky Position-Attributs in CSS
Beim Entwickeln mobiler Apps stoßen Sie häufig au...
Einführung in das Layout des HTML-Seitenquellcodes_Powernode Java Academy
Einführung in das Layout des HTML-Seitenquellcode...
Details zur Verwendung von Klassenstilen in Vue
Inhaltsverzeichnis 1. Boolesche Werte 2. Ausdruck...
Spezifische Verwendung von pthread_create in Linux zum Erstellen von Threads
pthread_create-Funktion Funktionseinführung pthre...
Detaillierte Erläuterung der Prinzipien und der Verwendung von gespeicherten MySQL-Prozeduren
Dieser Artikel erläutert anhand von Beispielen di...
Verwenden Sie CSS, um ein dreispaltiges adaptives Layout zu erreichen (feste Breite auf beiden Seiten, adaptiv in der Mitte)
Das sogenannte dreispaltige adaptive Layout bedeu...
Fehlerbehebung bei der Ursache des 502 Bad Gateway-Fehlers auf dem Nginx-Server
Der Server meldet einen Fehler 502 beim Synchroni...
Vue implementiert einen Wasserfallfluss mit unendlichem Laden
In diesem Artikelbeispiel wird der spezifische Co...
So installieren Sie Phabricator mit Docker
Ich verwende hier das Ubuntu 16.04-System. Instal...
So installieren Sie Nginx in CentOS7 und konfigurieren den automatischen Start
1. Laden Sie das Installationspaket von der offiz...