Wie kann einen Frame mit JavaScript?

Die "ScrollTo" und "ScrollBy" JavaScript-Methoden können Sie programmgesteuert eine Webseite zu blättern. Durch Verweisen auf Ihrem Weg nach oben in die DOM-Struktur, können Sie JavaScript-Code in einem Frame andere Frames zugreifen. Die Methoden "ScrollTo" und "ScrollBy" können dann auf dem anderen Frame verwendet werden um seinen Inhalt zu scrollen, solange diese Seite befindet sich auf der gleichen Domäne wie die Ausführung von JavaScript (Dies ist aufgrund der Sicherheitsrichtlinien Festlegen von Web-Browsern).

Anweisungen

1 Geben Sie den Frame ein "Name" Attribut in das übergeordnete HTML-Dokument (die Seite mit dem Code "Frameset") blättern möchten. Geben Sie beispielsweise den folgenden Code:

< framename = "ScrollableFrame" >

2 Fügen Sie den folgenden Code zwischen die Tags "Kopf" des HTML-Dokuments, das den anderen Frame Scrollen wird:

< Skript-Typ = "Text/Javascript" >

Funktion scrollFrame(frame,amount) {}

parent.frames[frame].scrollBy(0,amount);

}

< / script >

Die "ScrollBy"-Methode akzeptiert zwei Argumente: entspricht der horizontalen und vertikalen Beträge, um die Seite zu scrollen. Dieser Code scrollt die Seite einfach vertikal. Die "ScrollTo" Methode nimmt zwei Argumenten aber Schriftrollen, die absolute Position angegeben, statt die aktuelle Bildlaufposition Aufrechnung.

3 Fügen Sie eine Schaltfläche in den Körper des HTML-Dokuments mit der Funktion "ScrollFrame", um es zu testen:

< Eingang Typ = "Knopf" Value = "Scroll-Sonstiges-Frame" onClick="scrollFrame('scrollableFrame',100);" / >

4 Speichern Sie alle Seiten auf Ihren Webserver zu, und navigieren Sie zu der übergeordneten Seite in Ihrem Web-Browser. Klicken Sie auf die Schaltfläche, um die Seite in dem angegebenen Rahmen durchgeführt werden. Klicken sie wiederholt auf, um die Seite weiter zu blättern. Stellen Sie sicher, dass die Seite, die Sie versuchen, führen Sie einen Bildlauf groß genug ist, es eine Bildlaufleiste angezeigt hat, oder die Funktion keinen sichtbaren Effekt hat.