HTML における iFrame タグの 2 つの使用法

最近、私は「ぶどうコレクション」というプロジェクトに取り組んでいます。簡単に言うと、Budou ページに好きな写真を集めることです。このプロセスでは iframe のさまざまな側面が使用され、次のようにまとめることができます。
1. 下部を覆うポップアップレイヤーとして

ページ全体を覆う黒いマスクを作成したことがあり、ユーザーがたまたま IE6 を使用していて、ページに選択要素があった場合、頭を悩ませることになります (ここでは原理については説明しません)。ポップアップ DIV では選択部分をカバーできないため、iframe が表示される番になります。ロジックは次のとおりです。

ポップアップdivと同じレベルにiframeを配置する
iframe の z-index がポップアップ div の z-index よりも小さいことを確認します。
ウィンドウのサイズ変更とスクロールイベントを追加して、iframe がページ全体をカバーできるようにします。

コードの一部

XML/HTML コードコンテンツをクリップボードにコピー

var iframe = U .isie6() ? ' < iframe スタイル= "位置:absolute;左:0;上:0;z-index:2000000;フィルター:Alpha(不透明度=0);幅:100%;高さ:' + ds.height + '" frameborder = "0" > </ iframe > ' : '';
$container.append(iframe).appendTo($body);

2. ドメイン間でのクッキーの書き込み

ドメインはa.comとb.comの2つあります。特定の条件下では、b の一部の機能がページ a に表示されます。ページ a を操作するときに、ユーザーの次回の訪問を容易にするために、ドメイン b.com の Cookie に対して何らかの操作を行う必要がある場合があります。ページ a に iframe (動的または固定) を追加し、src 属性をページ b のプロキシページを指すように設定し、このページで Cookie 操作を実行するだけです。

<<: TypeScript のクラス

>>: Apple M1チップにnginxをインストールし、vueプロジェクトをデプロイする詳細な手順