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
Wie können Sie in MySQL die Berechtigungen anzeig...
1. Implementieren Sie ein einfaches Dreieck Mithi...
In diesem Artikel wird hauptsächlich die Integrat...
Da der Festplattenspeicher der Server-Datenbank v...
x-ua-compatible wird verwendet, um das Modell für...
1. In Windows-Systemen erfordern viele Softwarein...
Inhaltsverzeichnis Vorwort Erkennen des geöffnete...
Die von mir verwendete Datenbank ist MySQL Datenb...
1 Einleitung Im Artikel „PostgreSQL mit Docker st...
Wenn Komponenten detaillierter werden, treten Sit...
Inhaltsverzeichnis 1. Front-End-Führungsprozess: ...
Um die Fähigkeit zum Schreiben von nativem JavaSc...
Inhaltsverzeichnis 1. filter() 2. fürJedes() 3. e...
Wiederherstellung der MySQL Bin-Protokolldaten: v...
Hinweis: Es wird empfohlen, dass der Speicher der...