Introduction détaillée au modèle objet de nomenclature d'exploitation Js

Nous savons que BOM peut accéder et faire fonctionner la fenêtre du navigateur. Nous utilisons généralement BOM comme fenêtre mobile, modifions le texte de la barre d'état ou effectuons d'autres actions non directement liées au contenu de la page.

objet fenêtre :

1. Opérations de fenêtre

où moveTo et moveBy sont le mouvement de la fenêtre, resizeTo et resizeBo doivent définir la taille. de la fenêtre, et scrollTo , scrollBy consiste à définir la position de la barre de défilement à chaque défilement

Ouvrir et fermer de nouvelles fenêtres :

openBtn.onclick = function() {
    newWindow = window.open("./test.html", "_blank", "width=300px, height=300px, left=500px, top=300px, toolbar=no")
};
closeBtn.onclick = function() {
    newWindow.window.close();
};

Intervalle de temps et pause :

Intervalle de temps :

setInterval

Pause :

window.clearInterval

Exemple :

start.onclick = function() {
    // 3. 设置定时器
    times = setInterval(function() {
       window.scrollBy(0, 5);
    }, 40);
};
stop.onclick = function() {
    //4. 清除定时器
    window.clearInterval(times);
};

setTimeOut : Exécuter une seule opération après l'intervalle de temps

Un exemple de compte à rebours est joint ci-dessous :

Enregistrement de l'historique :

history.go()

Les paramètres dans les parenthèses peuvent être 1,-1

history.go(1)表示前进一页.相当于history.forward()
history.go(-1)表示后退一页,相当于history.back()
location:

objet de localisation représente l'URL de la fenêtre de chargement. De plus, il peut également analyser l'URL

1.hash. : Renvoie la partie après # dans l'URL

2.host : Renvoie le nom du serveur

3.href : L'URL complète de la page actuellement chargée

4 .search : La partie après le point d'interrogation dans l'URL qui effectue la requête GET

L'objet location a une méthode de rechargement : la page actuelle peut être rechargée (refreshed

reload est faux). , chargement depuis le cache, le rechargement est vrai, chargement depuis le serveur, omission des paramètres, La valeur par défaut est false

screen object:

window.screen.availWidth+" " +window.screen.availheight (la fenêtre peut fonctionner avec la largeur et la hauteur de l'écran)

window.screen.Width+" "+window.screen.height (largeur et hauteur de l'écran)

Les propriétésavailHeight etavailWidth sont très utiles pour déterminer la taille d'une nouvelle fenêtre

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes. , veuillez faire attention aux autres articles connexes sur le site Web php chinois !

Lecture connexe :

Comment utiliser l'attribut transform en CSS3

Comment utiliser le sélecteur d'attribut CSS3 pour remplacer le rôle de JS

Comment utiliser CSS3 pour créer une barre de progression

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!