1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
---
title: On page load
slug: Codeschnipsel/On_page_load
translation_of: Archive/Add-ons/Code_snippets/On_page_load
---
<p><font><font>Dieser Artikel ist für </font></font><a href="/en/XUL" title="en / XUL"><font><font>XUL</font></font></a><font><font> / </font></font><a href="/en/JavaScript" title="en / JavaScript"><font><font>JavaScript-Entwickler, die benutzerdefinierte Code haben wollen jedes Mal eine neue Seite wird im Browser / Mail geladen ausgeführt. </font></font></a><font><font>Wenn Sie genauere Kontrolle über benutzerdefinierte Code-Ausführung, zum Beispiel benötigen, wie Dokumente Laden oder wenn Registerkarten schalteten sehen </font></font><a href="/en/Code_snippets/Progress_Listeners" title="en / Code_snippets / Progress_Listeners"><font><font>Fortschritt </font></font></a><font><font>Hörer.</font></font></p>
<p><font><font>Fortschritte Zuhörern ermöglichen Erweiterungen der Ereignisse mit Dokumenten Laden in den Browser und mit Tab Umschalten Ereignissen benachrichtigt werden. </font><font>Fortschritte Zuhörer Umsetzung der </font></font><a href="/en-US/docs/XPCOM_Interface_Reference/nsIWebProgressListener" title="/ en-US / docs / XPCOM_Interface_Reference / nsIWebProgressListener"><font><font>nsIWebProgressListener</font></font></a><font><font> Schnittstelle.</font></font></p>
<h3 id="Creating_an_overlay" name="Creating_an_overlay"><font><font>Erstellen eines Overlays</font></font></h3>
<p><font><font>Zuerst müssen Sie einen erstellen, </font></font><a href="/en/XUL_Overlays" title="en / XUL_Overlays"><font><font>Überlagerung, um eine (oder mehrere, je nachdem, welche Anwendungen Sie zielen) der folgenden XUL-Dokumente:</font></font></a></p>
<table class="standard-table">
<tbody>
<tr>
<th><font><font>Anwendung</font></font></th>
<th><font><font>URI zu überlagern</font></font></th>
</tr>
<tr>
<td><font><font>Firefox</font></font></td>
<td><code><a class="external" rel="freelink"><font><font>chrome: //browser/content/browser.xul</font></font></a></code></td>
</tr>
<tr>
<td><font><font>Thunderbird</font></font></td>
<td><code><a class="external" rel="freelink"><font><font>chrome: //messenger/content/messenger.xul</font></font></a></code></td>
</tr>
<tr>
<td><font><font>Navigator von SeaMonkey</font></font></td>
<td><code><a class="external" rel="freelink"><font><font>chrome: //navigator/content/navigator.xul</font></font></a></code></td>
</tr>
</tbody>
</table>
<h3 id="Attaching_a_script" name="Attaching_a_script"><font><font>Anbringen eines Skripts</font></font></h3>
<p><font><font>Bringen Sie ein Skript, um Ihre einblenden (siehe </font></font><a href="/en/XUL_Overlays#Attaching_a_Script_to_an_Overlay" title="en / XUL Overlays"><font><font>"Anbringen eines Skripts zum Erstellen einer </font></font></a><font><font>Overlay"), </font><font>die eine fügt </font></font><code><font><font>Last</font></font></code><font><font> Ereignis-Listener </font></font><code><font><font>APPCONTENT</font></font></code><font><font> Element (Browser) oder </font></font><code><font><font>messagepane</font></font></code><font><font> (mail):</font></font></p>
<pre class="brush: js"><font><font>window.addEventListener("load", function load(event) {
window.removeEventListener("load", load, false); // Listener entfernen, da nicht mehr benötigt
myExtension.init(); </font></font><font><font>
}, false);</font></font>
<font><font>
var myextension = {</font></font><font><font>
init: function() {</font></font><font><font>
var APPCONTENT = document.getElementById("APPCONTENT"); </font><font>// Browser</font></font><font><font>
if (APPCONTENT) {</font></font><font><font>
appcontent.addEventListener("DOMContentLoaded", myExtension.onPageLoad, true);</font></font><font><font>
}</font></font><font><font>
var messagepane = document.getElementById("messagepane"); </font><font>// Mail</font></font><font><font>
if (messagepane) {</font></font><font><font>
messagepane.addEventListener("load", function(event) { myExtension.onPageLoad(event); }, true);</font></font><font><font>
}</font></font><font><font>
}</font></font>
<font><font>
onPageLoad: function(aEvent) {</font></font><font><font>
var doc = aEvent.originalTarget; </font><font>// doc ist das Dokument, das den "onload" Event ausgelöst hat
// Tu etwas mit der geladenen Seite.
// doc.location ist ein Location-Objekt (siehe Link unten).
// Man kann es verwenden, um Code nur auf bestimmten Seiten auszuführen.
if (doc.location.href.search ("forum")> -1)
alert("Eine Forum-Seite, wird geladen");</font></font>
<font><font>
// Füge Ereignis-Listener für page "unload" hinzu
aEvent.originalTarget.defaultView.addEventListener ("unload", function(event) { myExtension.onPageUnload (event); }, true);
}</font></font>
<font><font>
onPageUnload: function(Aevent) {</font></font><font><font>
// Tu etwas</font></font><font><font>
}</font></font><font><font>
};</font></font>
</pre>
<p><font><font>Aktuelle Firefox Stamm Night die onPageLoad Funktion nicht nur für Dokumente, Feuer, aber </font></font><code><font><font>xul: Bilder</font></font></code><font><font> (Favicons in Tabbrowser). </font><font>Wenn Sie nur wollen, Dokumente zu verarbeiten, zu gewährleisten </font></font><code><font><font>aEvent.originalTarget.nodeName == </font></font></code><font><font>"#document".</font></font></p>
<p><font><font>Wenn Sie mit Code auf einer Seite zu laden, ist es wahrscheinlich, würden Sie wollen, um etwas Bereinigungscode auf Seite Entladen laufen. </font><font>Um in das Unload-Ereignis im obigen Beispiel können Sie den "pagehide" Veranstaltung wie diese verwenden zu befestigen:</font></font></p>
<pre class="brush: js"><font><font>appcontent.addEventListener ("pagehide", myExtension.onPageUnload, false);
</font></font></pre>
<p><font><font>für </font></font><code><font><font>APPCONTENT</font></font></code><font><font> und ähnlich für </font></font><code><font><font>messagepane</font></font></code></p>
<pre class="brush: js"><font><font>messagepane.addEventListener ("pagehide", myExtension.onPageUnload, false);</font></font></pre>
<p><font><font>und fügen Sie den Code zur </font></font><code><font><font>onPageUnload</font></font></code><font><font> Methode.</font></font></p>
<p> </p>
<p> </p>
<h3 id="Basis_onPageLoad_für_ein_Browser-Fenster"><font><font>Basis onPageLoad für ein Browser-Fenster</font></font></h3>
<pre class="brush: js"><font><font>var myextension = {</font></font><font><font>
init: function () {</font></font><font><font>
// Das Ereignis kann DOMContentLoaded werden, pageshow, pagehide, laden oder entladen.</font></font><font><font>
if (gBrowser) gBrowser.addEventListener ("DOMContentLoaded", this.onPageLoad, false);</font></font><font><font>
}</font></font><font><font>
onPageLoad: function (Aevent) {</font></font><font><font>
var doc = aEvent.originalTarget; </font><font>// Doc ist Dokument, das das Ereignis ausgelöst hat</font></font><font><font>
var win = doc.defaultView; </font><font>// Sieg ist das Fenster für den doc</font></font><font><font>
// Test gewünschten Bedingungen und etwas tun,</font></font><font><font>
// If (doc.nodeName = "#document"!) Return; </font><font>// Nur Dokumente</font></font><font><font>
// If (Sieg = win.top!) Return; </font><font>// nur Top-Fenster.</font></font><font><font>
// If (win.frameElement) return; </font><font>// Überspringen iframes / Rahmen</font></font><font><font>
alert ("Seite geladen wird \ n" + doc.location.href);</font></font><font><font>
}</font></font><font><font>
}</font></font><font><font>
window.addEventListener ("load", Funktion load (event) {</font></font><font><font>
window.removeEventListener ("load", Last, false); </font><font>// Listener zu entfernen, nicht mehr benötigt</font></font><font><font>
myExtension.init (); </font></font><font><font>
},falsch);</font></font>
</pre>
<h3 id="References" name="References"><font><font>Referenzen</font></font></h3>
<ul>
<li><font><font>Wenn Sie brauchen, um eine kompliziertere Hörer (nicht nur onload) haben, verwenden </font></font><a href="/en/Code_snippets/Progress_Listeners" title="en / Code_snippets / Progress_Listeners"><font><font>Fortschritt </font></font></a><font><font>Hörer.</font></font></li>
</ul>
<h3 id="Sehe_auch"><font><font>Sehe auch</font></font></h3>
<ul>
<li><font><font>DOMContentLoaded Ereignis in </font></font><a href="/En/Listening_to_events_in_Firefox_extensions#Simple_DOM.c2.a0events" title="De / Hören Veranstaltungen # Einfache DOM.c2.a0events"><font><font>Anhören von Veranstaltungen: Einfache DOM-Ereignisse</font></font></a></li>
</ul>
|
