1. BOM-Einführung1. JavaScript besteht aus drei Teilen
2.Fensterobjekt
Gängige Methoden:
open Öffnet das angegebene Fenster <Skript> Funktion f1() { //Dies ist kein CSS-Stil, die Größe des geöffneten Fensters kann angepasst werden open('test.html', 'user', 'width=500px,height=500px') } </Skript> </Kopf> <Text> <button onclick="f1()">Neues Fenster öffnen</button> </body>
<Skript> Funktion f1() { //Dies ist kein CSS-Stil, die Größe des geöffneten Fensters kann angepasst werden open('test.html', 'user', 'width=500px,height=500px') } Funktion f2() { setTimeout(f1, 2000) } </Skript> </Kopf> <Text> <button onclick="f2()">Einmaliger Timer</button> </body>
Schalten Sie einen einmaligen Timer innerhalb des Zeitrahmens aus, der nicht ausgeführt wurde ```Javascript <Skript> Funktion f1() { //Dies ist kein CSS-Stil, die Größe des geöffneten Fensters kann angepasst werden open('test.html', 'user', 'width=500px,height=500px') } </Skript> </Kopf> <Text> <button onclick="f1()">Neues Fenster öffnen</button> </body>
<Skript> Funktion f1() { //Dies ist kein CSS-Stil, die Größe des geöffneten Fensters kann angepasst werden open('test.html', 'user', 'width=500px,height=500px') } Var-Zeitgeber Funktion f2() { Timer = setzeTimeout(f1, 2000) } Funktion f3(){ Zeitgeber löschen(Zeitgeber) } </Skript> </Kopf> <Text> <button onclick="f2()">Einmaliger Timer</button> <button onclick="f3()">Deaktiviere den One-Shot-Timer</button> </body>
Zur angegebenen Position bewegen <Skript> Funktion f1() { scrollTo(0, 100) //Einheit ist px } </Skript> Häufige Ereignisse
Hinweis: Da das Fensterobjekt das oberste Objekt der BOM-Struktur ist, kann das Fenster beim Aufruf von Fenstereigenschaften und -methoden weggelassen werden. <Skript> //Nach dem Klicken auf das Fenster ausführen window.onclick = function() { konsole.log(111) } </Skript> 3.StandortobjektGemeinsame Eigenschaften href setzt oder gibt die URL in der Adressleiste zurück Die allgemeine Methode reload() lädt die aktuelle Seite neu <Skript> Funktion getUrl() { // Holen Sie sich die URL in der Adressleiste konsole.log(Standort.href) //Legen Sie die URL in der Adressleiste fest, um die Seite weiterzuleiten. //Standort = 'https://www.baidu.com' location.href = "https://www.baidu.com" //Seite neu laden location.reload(); } </Skript> </Kopf> <Text> <button onclick="getUrl()">URL abrufen</button> </body> 4.History-Objekt
<Skript> Funktion goBack() { Geschichte.zurück() } Funktion gehe vorwärts() { Geschichte.vorwärts() } Funktion goGo() { history.go(1) //Gehe einen Schritt vorwärts } </Skript> </Kopf> <Text> <button onclick="goBack()">Zurück</button> <button onclick="goforward()">Weiter</button> </body> ZusammenfassenDieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können! Das könnte Sie auch interessieren:
|
<<: Empfehlen Sie eine coole interaktive Website, die von einem Front-End-Ingenieur erstellt wurde
>>: MySQL-Datenbankoperationen und Datentypen
1. Hintergrund Bei unserer täglichen Website-Wart...
Meine Maschinenumgebung: Windows 2008 R2 MySQL 5....
F: Ich weiß nicht, was der Unterschied zwischen XM...
Heute habe ich von Alibaba Cloud eine Festplatten...
Heute habe ich gelernt, MySQL zu installieren. Da...
Der Installationsprozess entfällt (ich habe es di...
Inhaltsverzeichnis Umfeld: 1. Docker ermöglicht d...
In diesem Artikelbeispiel wird der spezifische Co...
Vorwort Zabbix ist eine der gängigsten Open-Sourc...
1. Installieren Sie die Datenbank 1) yum -y insta...
Inhaltsverzeichnis 1. Document.execCommand()-Meth...
Oftmals werden Sie auf einen <a>-Tag-Stil st...
Erfordern Das Div unter dem Körper ist vertikal z...
Ubuntu16.04: Pip installieren und deinstallieren ...
Beim Entwickeln und Debuggen einer Webanwendung s...