国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Heim Web-Frontend js-Tutorial js函數(shù)在frame中的相互調(diào)用詳解_基礎(chǔ)知識(shí)

js函數(shù)在frame中的相互調(diào)用詳解_基礎(chǔ)知識(shí)

May 16, 2016 pm 04:57 PM
frame

框架間的互相引用

一個(gè)頁面中的所有框架以集合的形式作為window對(duì)象的屬性提供,例如:window.frames就表示該頁面內(nèi)所有框架的集合,這和表單對(duì)象、鏈接對(duì)象、圖片對(duì)象等是類似的,不同的是,這些集合是document的屬性。因此,要引用一個(gè)子框架,可以使用如下語法:

復(fù)制代碼 代碼如下:

window.frames["frameName"];
window.frames.frameName
window.frames[index]

其中,window字樣也可以用self代替或省略,假設(shè)frameName為頁面中第一個(gè)框架,則以下的寫法是等價(jià)的:

復(fù)制代碼 代碼如下:

self.frames["frameName"]
self.frames[0]
frames[0]
frameName

每 個(gè)框架都對(duì)應(yīng)一個(gè)HTML頁面,所以這個(gè)框架也是一個(gè)獨(dú)立的瀏覽器窗口,它具有窗口的所有性質(zhì),所謂對(duì)框架的引用也就是對(duì)window對(duì)象的引用。有了這 個(gè)window對(duì)象,就可以很方便地對(duì)其中的頁面進(jìn)行操作,例如使用window.document對(duì)象向頁面寫入數(shù)據(jù)、使用 window.location屬性來改變框架內(nèi)的頁面等。
下面分別介紹不同層次框架間的互相引用:

1.父框架到子框架的引用
知道了上述原理,從父框架引用子框架變的非常容易,即:

復(fù)制代碼 代碼如下:

window.frames["frameName"];

這樣就引用了頁面內(nèi)名為frameName的子框架。如果要引用子框架內(nèi)的子框架,根據(jù)引用的框架實(shí)際就是window對(duì)象的性質(zhì),可以這樣實(shí)現(xiàn):

復(fù)制代碼 代碼如下:

window.frames["frameName"].frames["frameName2"];

這樣就引用到了二級(jí)子框架,以此類推,可以實(shí)現(xiàn)多層框架的引用。

2.子框架到父框架的引用
每個(gè)window對(duì)象都有一個(gè)parent屬性,表示它的父框架。如果該框架已經(jīng)是頂層框架,則window.parent還表示該框架本身。

3.兄弟框架間的引用
如果兩個(gè)框架同為一個(gè)框架的子框架,它們稱為兄弟框架,可以通過父框架來實(shí)現(xiàn)互相引用,例如一個(gè)頁面包括2個(gè)子框架:

復(fù)制代碼 代碼如下:


????
????

在frame1中可以使用如下語句來引用frame2:

復(fù)制代碼 代碼如下:

self.parent.frames["frame2"];

4.不同層次框架間的互相引用
框架的層次是針對(duì)頂層框架而言的。當(dāng)層次不同時(shí),只要知道自己所在的層次以及另一個(gè)框架所在的層次和名字,利用框架引用的window對(duì)象性質(zhì),可以很容易地實(shí)現(xiàn)互相訪問,例如:

復(fù)制代碼 代碼如下:

self.parent.frames["childName"].frames["targetFrameName"];

5.對(duì)頂層框架的引用
和parent屬性類似,window對(duì)象還有一個(gè)top屬性。它表示對(duì)頂層框架的引用,這可以用來判斷一個(gè)框架自身是否為頂層框架,例如:

復(fù)制代碼 代碼如下:

//判斷本框架是否為頂層框架
if(self==top){
?????? //dosomething
}

改變框架的載入頁面
對(duì)框架的引用就是對(duì)window對(duì)象的引用,利用window對(duì)象的location屬性,可以改變框架的導(dǎo)航,例如:
window.frames[0].location="1.html";
這就將頁面中第一個(gè)框架的頁面重定向到1.html,利用這個(gè)性質(zhì),甚至可以使用一條鏈接來更新多個(gè)框架。

復(fù)制代碼 代碼如下:


????
????


link

引用其他框架內(nèi)的JavaScript變量和函數(shù)
在介紹引用其他框架內(nèi)JavaScript變量和函數(shù)的技術(shù)之前,先來看以下代碼:

復(fù)制代碼 代碼如下:


如果運(yùn)行了這段代碼,會(huì)彈出“hello,ajax!”的窗口,這正是執(zhí)行hello()函數(shù)的結(jié)果。那為什么hello()變成了window對(duì)象的方法呢?因?yàn)樵谝粋€(gè)頁面內(nèi)定義的所有全局變量和全局函數(shù)都是作為window對(duì)象的成員。例如:

復(fù)制代碼 代碼如下:

var a=1;
alert(window.a);

就會(huì)彈出對(duì)話框顯示為1。同樣的原理,在不同框架之間共享變量和函數(shù),就是要通過window對(duì)象來調(diào)用。
例如:一個(gè)商品瀏覽頁面由兩個(gè)子框架組成,左側(cè)表示商品分類的鏈接;當(dāng)用戶單擊分類鏈接時(shí),右側(cè)顯示相應(yīng)的商品列表;用戶可以單擊商品旁的【購買】鏈接將商品加入購物車。
在這個(gè)例子中,可以利用左側(cè)導(dǎo)航頁面來存儲(chǔ)用戶希望購買的商品,因?yàn)楫?dāng)用戶單擊導(dǎo)航鏈接時(shí),變化的是另外一個(gè)頁面,即商品展示頁面,而導(dǎo)航頁面本身是不變的,因此其中的JavaScript變量不會(huì)丟失,可以用來存儲(chǔ)全局?jǐn)?shù)據(jù)。其實(shí)現(xiàn)原理如下:
假設(shè)左側(cè)頁面為link.html,右側(cè)頁面為show.html,頁面結(jié)構(gòu)如下:

復(fù)制代碼 代碼如下:




New Document


?????
?????


在show.html中展示的商品旁邊可以加入這樣一條語句:
加入購物車
其中l(wèi)ink表示導(dǎo)航框架,在link.html頁面中定義了arrOrders數(shù)組來存儲(chǔ)商品的id,函數(shù)addToOrders()用來響應(yīng)商品旁邊【購買】鏈接的單擊事件,它接收的參數(shù)id表示商品的id,例子中是一個(gè)id為32068的商品:

復(fù)制代碼 代碼如下:



這樣,在結(jié)帳頁面或是購物車瀏覽頁面就可以用arrOrders來獲取所有準(zhǔn)備購買的商品。
框架可以使一個(gè)頁面劃分為功能獨(dú)立的多個(gè)模塊,每個(gè)模塊之間彼此獨(dú)立,但又可以通過window對(duì)象的引用來建立聯(lián)系,是Web開發(fā)中的一個(gè)重要機(jī)制。
Erkl?rung dieser Website
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

Hei?e KI -Werkzeuge

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?e Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen

PHP-Tutorial
1502
276
Wie stelle ich eine HTTP -Anforderung in node.js? Wie stelle ich eine HTTP -Anforderung in node.js? Jul 13, 2025 am 02:18 AM

Es gibt drei g?ngige M?glichkeiten, HTTP-Anforderungen in Node.js zu initiieren: Verwenden Sie integrierte Module, Axios und Knotenfetch. 1. Verwenden Sie das integrierte HTTP/HTTPS-Modul ohne Abh?ngigkeiten, das für grundlegende Szenarien geeignet ist, jedoch eine manuelle Verarbeitung von Datengen?hten und Fehlerüberwachung erfordert, z. 2.Axios ist eine auf Versprechen basierende Bibliothek von Drittanbietern. Es verfügt über eine kurze Syntax und leistungsstarke Funktionen, unterstützt Async/Auseait, automatische JSON -Konvertierung, Interceptor usw. Es wird empfohlen, asynchrone Anforderungsvorg?nge zu vereinfachen. 3.Node-Fetch bietet einen Stil ?hnlich dem Browser-Abruf, basierend auf Versprechen und einfacher Syntax

JavaScript -Datentypen: Primitive VS -Referenz JavaScript -Datentypen: Primitive VS -Referenz Jul 13, 2025 am 02:43 AM

JavaScript -Datentypen sind in primitive Typen und Referenztypen unterteilt. Zu den primitiven Typen geh?ren String, Anzahl, Boolesche, Null, undefiniertes und Symbol. Die Werte sind unver?nderlich und Kopien werden bei der Zuweisung von Werten kopiert, sodass sie sich nicht gegenseitig beeinflussen. Referenztypen wie Objekte, Arrays und Funktionen speichern Speicheradressen, und Variablen, die auf dasselbe Objekt zeigen, wirkt sich gegenseitig aus. Typeof und Instanz k?nnen verwendet werden, um die Typen zu bestimmen, aber auf die historischen Probleme der TypeOfnull zu achten. Das Verst?ndnis dieser beiden Arten von Unterschieden kann dazu beitragen, einen stabileren und zuverl?ssigeren Code zu schreiben.

JavaScript Time Object, jemand erstellt eine EACTEXE, schnellere Website auf Google Chrome usw. JavaScript Time Object, jemand erstellt eine EACTEXE, schnellere Website auf Google Chrome usw. Jul 08, 2025 pm 02:27 PM

Hallo, JavaScript -Entwickler! Willkommen in den JavaScript -Nachrichten dieser Woche! Diese Woche konzentrieren wir uns auf: Oracas Markenstreit mit Deno, neue JavaScript -Zeitobjekte werden von Browsern, Google Chrome -Updates und einigen leistungsstarken Entwickler -Tools unterstützt. Fangen wir an! Der Markenstreit von Oracle mit dem Versuch von Deno Oracle, ein "JavaScript" -Marke zu registrieren, hat Kontroversen verursacht. Ryan Dahl, der Sch?pfer von Node.js und Deno, hat eine Petition zur Absage der Marke eingereicht, und er glaubt, dass JavaScript ein offener Standard ist und nicht von Oracle verwendet werden sollte

Handlingversprechen: Verkettung, Fehlerbehandlung und Versprechenkombinatoren in JavaScript Handlingversprechen: Verkettung, Fehlerbehandlung und Versprechenkombinatoren in JavaScript Jul 08, 2025 am 02:40 AM

Versprechen ist der Kernmechanismus für den Umgang mit asynchronen Operationen in JavaScript. Das Verst?ndnis von Kettenanrufen, Fehlerbehebung und Kombination ist der Schlüssel zum Beherrschen ihrer Anwendungen. 1. Der Kettenaufruf gibt ein neues Versprechen durch .then () zurück, um asynchrone Prozessverkampferung zu realisieren. Jeder. Dann () erh?lt das vorherige Ergebnis und kann einen Wert oder ein Versprechen zurückgeben; 2. Die Fehlerbehandlung sollte .Catch () verwenden, um Ausnahmen zu fangen, um stille Ausf?lle zu vermeiden, und den Standardwert im Fang zurückgeben, um den Prozess fortzusetzen. 3. Combinatoren wie Promise.All () (erfolgreich erfolgreich erfolgreich nach allen Erfolg), Versprechen.Race () (Die erste Fertigstellung wird zurückgegeben) und Versprechen.Allsettled () (Warten auf alle Fertigstellungen)

Was ist die Cache -API und wie wird sie bei Dienstangestellten verwendet? Was ist die Cache -API und wie wird sie bei Dienstangestellten verwendet? Jul 08, 2025 am 02:43 AM

Cacheapi ist ein Tool, das der Browser zur Cache -Netzwerkanfragen bereitstellt, das h?ufig in Verbindung mit dem Servicearbeiter verwendet wird, um die Leistung der Website und die Offline -Erfahrung zu verbessern. 1. Es erm?glicht Entwicklern, Ressourcen wie Skripte, Stilbl?tter, Bilder usw. Zu speichern; 2. Es kann die Cache -Antworten entsprechend den Anfragen übereinstimmen. 3. Es unterstützt das L?schen bestimmter Caches oder das L?schen des gesamten Cache. 4.. Es kann Cache -Priorit?ts- oder Netzwerkpriorit?tsstrategien durch Servicearbeiter implementieren, die sich auf Fetch -Ereignisse anh?ren. 5. Es wird h?ufig für die Offline -Unterstützung verwendet, die wiederholte Zugriffsgeschwindigkeit, die Vorspannungs -Schlüsselressourcen und den Inhalt des Hintergrundaktualisierungss beschleunigen. 6. Wenn Sie es verwenden, müssen Sie auf die Cache -Versionskontrolle, Speicherbeschr?nkungen und den Unterschied zum HTTP -Caching -Mechanismus achten.

JS Roundup: Ein tiefes Eintauchen in die JavaScript -Ereignisschleife JS Roundup: Ein tiefes Eintauchen in die JavaScript -Ereignisschleife Jul 08, 2025 am 02:24 AM

Die Ereignisschleife von JavaScript verwaltet asynchrone Vorg?nge, indem sie Call -Stapel, Webapis und Task -Warteschlangen koordinieren. 1. Der Anrufstack führt synchronen Code aus, und wenn er auf asynchrone Aufgaben begegnet, wird er zur Verarbeitung an Webapi übergeben. 2. Nachdem das Webapi die Aufgabe im Hintergrund abgeschlossen hat, wird der Rückruf in die entsprechende Warteschlange (Makroaufgabe oder Micro -Aufgabe) eingebaut. 3. Die Ereignisschleife prüft, ob der Anrufstapel leer ist. Wenn es leer ist, wird der Rückruf aus der Warteschlange herausgenommen und zur Ausführung in den Anrufstapel geschoben. V. 5. Das Verst?ndnis der Ereignisschleife hilft zu vermeiden, den Haupt -Thread zu blockieren und die Codeausführungsreihenfolge zu optimieren.

Ereignis verstehen und in JavaScript DOM -Ereignissen sprudeln und erfassen Ereignis verstehen und in JavaScript DOM -Ereignissen sprudeln und erfassen Jul 08, 2025 am 02:36 AM

Ereignisblasen verbreiten sich vom Zielelement nach au?en zum Vorfahrknoten aus, w?hrend Ereignisfassungen sich von der ?u?eren Schicht nach innen zum Zielelement ausbreiten. 1. Ereignisblasen: Nach dem Klicken auf das untergeordnete Element l?st das Ereignis den H?rer des übergeordneten Elements nach oben aus. Nach dem Klicken auf die Schaltfl?che gibt es beispielsweise zuerst die untergeordnete und dann entzündete Eltern aus. 2. Ereigniserfassung: Stellen Sie den dritten Parameter auf True ein, so dass der H?rer in der Erfassungsstufe ausgeführt wird, z. B. das Ausl?sen des Capture -Listeners des übergeordneten Elements, bevor Sie auf die Schaltfl?che klicken. 3. Praktische Verwendungszwecke umfassen ein einheitliches Management von Ereignissen für Kinderelemente, Vorverarbeitung und Leistungsoptimierung von Abfangen. V.

Eine JS-Zusammenfassung von Funktionen h?herer Ordnung jenseits der Karte und des Filters Eine JS-Zusammenfassung von Funktionen h?herer Ordnung jenseits der Karte und des Filters Jul 10, 2025 am 11:41 AM

In JavaScript -Arrays gibt es zus?tzlich zu MAP und Filter andere leistungsstarke und selten verwendete Methoden. 1. Reduzierung kann nicht nur summieren, sondern auch z?hlen, gruppen, flach Arrays ab und bauen neue Strukturen auf. 2. FindingIndex werden verwendet, um einzelne Elemente oder Indizes zu finden. 3. Einige und alles werden verwendet, um festzustellen, ob Bedingungen bestehen oder sich alle treffen. 4. SORT kann sortiert werden, wechselt aber das ursprüngliche Array. 5. Achten Sie darauf, das Array zu kopieren, wenn Sie es verwenden, um Nebenwirkungen zu vermeiden. Diese Methoden machen den Code pr?gnanter und effizienter.

See all articles