フレームはサブページを保存するために使用されます。サブページは iframe または Frameset のいずれかになります。 window オブジェクトはグローバル オブジェクトであり、ページ上のすべての関数とオブジェクトがそのスコープ内にあります。
1. Parent は親ウィンドウを表します。親ウィンドウに複数のレベルのネストがある場合、top は最上位の親ウィンドウを表します。
self はウィンドウ自体を表します。
if(self==top){//}判断窗口是否处于顶级 if(self==parent){}//也可以
2.1. 親ページは子ページ要素にアクセスします。考え方としては、サブページの要素はすべて window.document オブジェクト内にあるので、最初に取得してからそれについて説明するのが簡単です。
フレームの name 属性を設定するのが最も便利な操作です。
<iframe name="test" src="child.html"></iframe>
child.html で ID が「menu」の要素を取得したい場合は、次のように記述できます:
window.frames["test"].document.getElementById('menu'); //由于所有的函数都存放在window对象里面,可去掉开头的window: frames["test"].document.getElementById('menu'); //在浏览器中,帧的name属性被默认等同于子页面的window对象,因此可以进一步简写: test.document.getElementById('menu');
2.2 親ページは子ページの関数またはオブジェクトにアクセスします。サブページの関数とオブジェクトはすべてそのウィンドウ オブジェクト内にあります。重要なのはオブジェクトを取得することです。
//假如child.html定义了showMesg函数,需要在父中调用,则这样写 window.frames['test'].showMesg(); //简写形式 test.showMesg(); //同理,对象也是如此访问 alert(test.person);
2.3 書類を入手するその他の方法。
まず「document.getElementById()」または「document.getElementsByTagName()」を使用してドキュメントの下の要素としてフレームを取得し、次にそのプロパティ contentDocument/contentWindow にアクセスします (最初のプロパティはサポートされていません)。 by ie7-。2 番目のクロムはサポートされていません。
<iframe id="testId" src="child.html"></iframe> //====== var doc=document.getElementById('testId'); //或者 var doc=document.getElementsByTagName('iframe')[0]; 然后 var winOrdoc=doc.contentDocument||doc.contentWindow;//二选一 if(winOrdoc.document)winOrdoc=winOrdoc.document; winOrdoc.getElementById('menu'); //如果需要window对象,则这样写: if(winOrdoc.defaultView)winOrdoc=winOrdoc.defaultView;
3.1 サブページは親ページ要素にアクセスします。考え方は2.1と同じで、まず親ウィンドウのwindow.documentオブジェクト
を取得します。
parent.window.document.getElementById('parentMenu'); //简写 parent.document.getElementById('parentMenu');
3.2、子ページは親ページの関数またはオブジェクトにアクセスします。考え方は2.2と同じで、まず親ウィンドウのウィンドウオブジェクトを取得します。
parent.parentFunction();
最後に、js の同一生成元ポリシーについて触れておきます。つまり、Web サイト A にある JS コードは、コードが Web サイト B からのものであっても、Web サイト B にあるコンテンツへのアクセスは許可されません。フレームが別の Web サイトのページである場合、上記の方法に従って相互にアクセスすると、ブラウザーは「許可がありません」エラーを表示するはずです。

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。

JavaScriptは、最新のブラウザにすでに組み込まれているため、インストールを必要としません。開始するには、テキストエディターとブラウザのみが必要です。 1)ブラウザ環境では、タグを介してHTMLファイルを埋め込んで実行します。 2)node.js環境では、node.jsをダウンロードしてインストールした後、コマンドラインを介してJavaScriptファイルを実行します。

Quartzタイマーを使用してタスクをスケジュールする場合、Quartzでタスク通知を事前に送信する方法、タスクの実行時間はCron式によって設定されます。今...

JavaScriptプログラミング、プロトタイプチェーンの関数パラメーターの理解と操作のJavaScriptのプロトタイプチェーンの関数のパラメーターを取得する方法は、一般的で重要なタスクです...

WeChatアプレットWeb-ViewでVue.jsを使用する動的スタイルの変位障害がvue.jsを使用している理由の分析...

複数のリンクの同時ゲットリクエストを作成し、結果を返すために順番に判断する方法は? TamperMonkeyスクリプトでは、複数のチェーンを使用する必要があることがよくあります...


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

メモ帳++7.3.1
使いやすく無料のコードエディター

ドリームウィーバー CS6
ビジュアル Web 開発ツール

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ホットトピック



