Heim  >  Artikel  >  Web-Frontend  >  Javascript-Tutorial: Erfahren Sie mehr über PopUp-Objekte

Javascript-Tutorial: Erfahren Sie mehr über PopUp-Objekte

黄舟
黄舟Original
2016-12-15 10:53:032175Durchsuche

Javascript-Tutorial: Eingehende Untersuchung von PopUp-Objekten

Das Unternehmen hat mich gebeten, eine Eingabeaufforderungsfunktion zu einem Office-System hinzuzufügen. Ich habe es lange studiert und viele Methoden ausprobiert, die ich verwendet habe Regelmäßig aufzufordern, aber es funktionierte nicht. Nach einer Weile wurde der Kunde ungeduldig und sagte, dass das Popup-Fenster zu kompliziert sei, aber das Problem trat auf System, Kompatibilitätsprobleme müssen berücksichtigt werden, nicht Netscape-Browser, wir müssen die Probleme von IE 5.0 und IE 5.5 berücksichtigen, die die CreatePopup-Methode nicht unterstützen und nur mit Window.open simuliert werden können Ich habe zwei Implementierungsmethoden für Eingabeaufforderungsfelder geschrieben, um die entsprechende Methode zu verwenden. Die Wirkung von Eingabeaufforderungsfeldern ist die gleiche wie bei MSN, aber in IE 5.0 wird window.open anstelle von CreatePopup () verwendet 🎜>

Der Effekt des MSN-Eingabeaufforderungsfelds von window.open muss unter der IE-Version 5.0 liegen.

Okay, genug Unsinn, schauen wir uns das Popup-Objekt an

Das Popup-Objekt ist ein Es wird über einem beliebigen Fenster platziert. Zur Steuerung können wir über JavaScript die Position steuern, an der es angezeigt wird. Außerdem können wir Inhalte hineinschreiben Die Größe ist festgelegt, die Bildlaufleiste wird nicht angezeigt, wenn sie nach draußen klickt. Sie verwendet das übergeordnete Attribut, um auf das Fenster zuzugreifen, das sie öffnet.

1 🎜>Popup-Objekt erstellen;

var popupobj=window.createPopup()

Zugriff auf die Eigenschaften und Methoden des Popup-Objekts aus dem Dokument, das das Popup-Fenster erstellt hat:

popupobj.property |. method ([parameters])

2. Eigenschaften

document

popupobject.document

Dieses Attribut ist die einzige Möglichkeit, ein Skript zu erstellen zum Popup-Objekt. Zum Beispiel

popobj.document.body.style.border=“solid 1px #000000″ Wir können das Popup-Fenster mit einem allgemeinen Rahmen festlegen.

isOpen

popupobject.isOpen

Rückgabewert: Boolean


Wenn das Popup-Fenster sichtbar ist, gibt isOpen True zurück, andernfalls ist es False.

3. Methode

hide()

popupobject.hide()

Tipp: Wenn Sie eine Schaltfläche zum Schließen des Popup-Fensters hinzufügen möchten, können Sie Folgendes tun: Übernehmen Sie den Namen des Popup-Fensters. Das obere Fenster ist popobj, dann verwenden Sie parent.popobj.hide(), um sich selbst zu schließen

show(left,top,width,height[,positioningElementRef])

Standard links, oben ist 0, Dies ist die Koordinate des auf dem Monitor angezeigten Bereichs. Breite und Höhe sind die Breite und Höhe des Fensters.

Das obige ist das Javascript-Tutorial: Ausführliche Untersuchung des Inhalts des PopUp-Objekts Weitere verwandte Artikel finden Sie auf der chinesischen PHP-Website (www.php.cn)!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn