Heim > Web-Frontend > js-Tutorial > Hauptteil

JavaScript-Objekt

高洛峰
Freigeben: 2016-11-25 13:42:51
Original
940 Leute haben es durchsucht

Wir werden beginnen, etwas über die integrierten JavaScript-Objekte und deren Verwendung zu lernen. Ab dem nächsten Abschnitt werden wir diese integrierten JavaScript-Objekte ausführlich erläutern.
1. String-Objekt
Beispiel 1: String-Länge berechnen

/html> ;

var txt="Hallo Welt!"

document.write("

Big: " + txt.big() + "

" )
document.write("

Small: " + txt.small() + "

")

document.write("

Bold: " + txt.bold () + "

")
document.write("

Italic: " + txt.italics() + "

")

document.write ("

Blink: " + txt.blink() + " (funktioniert nicht im IE)

")
document.write("

Fixed: " + txt.fixed () + "

")
document.write("

Strike: " + txt.strike() + "

")

document.write ("

Fontcolor: " + txt.fontcolor("Red") + "

")
document.write("

Fontsize: " + txt.fontsize( 16) + "

")

document.write("

Lowercase: " + txt.toLowerCase() + "

")
document.write ("< ;p>Großbuchstaben: " + txt.toUpperCase() + "

")

document.write("

Subscript: " + txt.sub() + " ")
document.write("

Superscript: " + txt.sup() + "

")

document.write("< p>Link : " + txt.link("http://www.w3school.com.cn") + "

")





indexOf()-Methode
So verwenden Sie indexOf(), um das erste Vorkommen eines bestimmten Zeichens in einer Zeichenfolge zu finden.
match()-Methode
So verwenden Sie match(), um ein bestimmtes Zeichen in einer Zeichenfolge zu finden und dieses Zeichen zurückzugeben, wenn es gefunden wird.



var str="Hallo Welt!" .write(str.match("world") + "
")
document.write(str.match("World") + "
")
document .write(str.match("world!") + "
")
document.write(str.match("world!"))

🎜>

einige andere Charaktere.



var str="Visit Microsoft!" .write(str.replace(/Microsoft/,"W3School"))


🎜>

2. JavaScript-Datumsobjekt (Datum)
Datum definieren
Datumsobjekt wird zur Verarbeitung von Datum und Uhrzeit verwendet.
Datumsobjekte können über das neue Schlüsselwort definiert werden. Der folgende Code definiert ein Date-Objekt mit dem Namen myDate:
var myDate=new Date()
Hinweis: Das Date-Objekt verwendet automatisch das aktuelle Datum und die aktuelle Uhrzeit als Anfangswert.
Daten manipulieren
Durch die Verwendung von Methoden für Datumsobjekte können wir problemlos mit Datumsangaben arbeiten.
Im folgenden Beispiel legen wir ein bestimmtes Datum (9. August 2008) für das Datumsobjekt fest:
var myDate=new Date()
myDate.setFullYear(2008,7,9) 
注意:表示月份的参数介于 0 到 11 之间。也就是说,如果希望把月设置为 8 月,则参数应该是 7。 
在下面的例子中,我们将日期对象设置为 5 天后的日期: 
var myDate=new Date() 
myDate.setDate(myDate.getDate()+5) 
注意:如果增加天数会改变月份或者年份,那么日期对象会自动完成这种转换。 
比较日期 
日期对象也可用于比较两个日期。 
下面的代码将当前日期与 2008 年 8 月 9 日做了比较: 
var myDate=new Date(); 
myDate.setFullYear(2008,7,9); 
 
var today = new Date(); 
 
if (myDate>today) 

alert("Today is before 9th August 2008"); 

else 

alert("Today is after 9th August 2008"); 

 
 
getTime() 
getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。 
 
 
 
 
 
 
 
setFullYear() 
如何使用 setFullYear() 设置具体的日期。 
 
 
 
 
 
 
 
toUTCString() 
如何使用 toUTCString() 将当日的日期(根据 UTC)转换为字符串。 
 
 
 
 
 
 
 
getDay() 
如何使用 getDay() 和数组来显示星期,而不仅仅是数字。 
 
 
 
 
 
 
 
显示一个钟表 
如何在网页上显示一个钟表。 
 
 
 
 
 
 



3. JavaScript-Array (Array)-Objekt
Kombinieren Sie zwei Arrays - concat()
So verwenden Sie concat() Methode zum Zusammenführen zweier Arrays.







Zahlenarray - sort()
So verwenden Sie die Methode sort() zum numerischen Sortieren Array Sortieren.







4. Boolesches (logisches) JavaScript-Objekt
Erstellen Sie ein boolesches Objekt
Verwenden Sie das Schlüsselwort new, um ein boolesches Objekt zu definieren. Der folgende Code definiert ein logisches Objekt mit dem Namen myBoolean:
var myBoolean=new Boolean()

5. JavaScript Math (arithmetic) object
round()
So verwenden Sie Round( ).
random()
So verwenden Sie random(), um eine Zufallszahl zwischen 0 und 1 zurückzugeben.
max()
So verwenden Sie max(), um die größere von zwei gegebenen Zahlen zurückzugeben.
min()
So verwenden Sie min(), um die kleinere von zwei gegebenen Zahlen zurückzugeben.

6. JavaScript-RegExp-Objekt
Definition RegExp
RegExp-Objekt wird zum Speichern des Abrufmodus verwendet.
Definieren Sie das RegExp-Objekt über das neue Schlüsselwort. Der folgende Code definiert ein RegExp-Objekt mit dem Namen patt1, dessen Modus „e“ ist:
var patt1=new RegExp("e");
Wenn Sie dieses RegExp-Objekt zum Abrufen in einer Zeichenfolge verwenden, suchen Sie nach dem Zeichen „e“.
Methoden des RegExp-Objekts
Das RegExp-Objekt verfügt über drei Methoden: test(), exec() und compile().
test() Die Methode
test() ruft einen angegebenen Wert in einer Zeichenfolge ab. Der Rückgabewert ist wahr oder falsch.
Beispiel:
var patt1=new RegExp("e");

document.write(patt1.test("Die besten Dinge im Leben sind kostenlos"));
Wegen Wenn der Buchstabe „e“ in der Zeichenfolge vorhanden ist, lautet die Ausgabe des obigen Codes:
true
TIY
exec()
exec()-Methode ruft den angegebenen Wert in der Zeichenfolge ab. Der Rückgabewert ist der gefundene Wert. Wenn keine Übereinstimmung gefunden wird, wird null zurückgegeben.
Beispiel 1:
var patt1=new RegExp("e");

document.write(patt1.exec("Die besten Dinge im Leben sind kostenlos"));
Da der Buchstabe „e“ in der Zeichenfolge vorhanden ist, lautet die Ausgabe des obigen Codes:
e
TIY
compile()
compile()-Methode wird verwendet, um RegExp zu ändern.
compile() kann nicht nur den Abrufmodus ändern, sondern auch den zweiten Parameter hinzufügen oder entfernen.
Beispiel:
var patt1=new RegExp("e");

document.write(patt1.test("Die besten Dinge im Leben sind kostenlos"));

patt1.compile("d");

document.write(patt1.test("Die besten Dinge im Leben sind kostenlos"));
Weil „e“ in der Zeichenfolge existiert, aber nicht „d“, die Ausgabe des obigen Codes ist:
truefalse


7. JavaScript-HTML-DOM-Objekt
• Vorherige Seite
• Nächste Seite
Zusätzlich zu Integriertes JavaScript-Objekt: Sie können JavaScript auch verwenden, um auf alle HTML-DOM-Objekte zuzugreifen und diese zu bearbeiten.
Weitere JavaScript-Objekte
Klicken Sie auf die folgenden Links, um weitere Informationen zu den folgenden Objekten zu erhalten, einschließlich ihrer Sammlungen, Eigenschaften, Methoden und Ereignisse.
Objektbeschreibung
Fenster
Das Objekt der obersten Ebene in der JavaScript-Hierarchie. Das Window-Objekt repräsentiert das Browserfenster. Immer wenn ein -Tag erscheint, wird automatisch ein Window-Objekt erstellt.
Navigator
Enthält Informationen zum Client-Browser.
Bildschirm
Enthält Informationen zum Client-Bildschirm.
Verlauf
enthält URLs, die vom Browserfenster besucht wurden.
Standort
enthält Informationen zur aktuellen URL.
HTML DOM
HTML DOM ist ein W3C-Standard (die Abkürzung für HTML Document Object Model, Document Object Model für HTML).
HTML DOM definiert eine Reihe von Standardobjekten für HTML sowie Standardmethoden für den Zugriff auf und die Verarbeitung von HTML-Dokumenten.
Über das DOM können Sie auf alle HTML-Elemente sowie den darin enthaltenen Text und die Attribute zugreifen. Der Inhalt kann geändert und gelöscht werden, außerdem können neue Elemente erstellt werden.
HTML DOM ist plattform- und programmiersprachenunabhängig. Es kann von jeder Programmiersprache wie Java, JavaScript und VBScript verwendet werden.
Klicken Sie auf den Link unten, um mehr darüber zu erfahren, wie Sie mit JavaScript auf DOM-Objekte zugreifen und diese bearbeiten können:
Objektbeschreibung
Dokument
Stellt das gesamte HTML-Dokument dar und wird für den Zugriff auf alle Elemente auf der Seite verwendet .
Anchor
stellt das -Element dar.
Area
stellt das -Element in der Bildkarte dar.
Base
stellt das dar.
Body
stellt das -Element in der Bildkarte dar.
Button
stellt das