ホームページ > ウェブフロントエンド > htmlチュートリアル > iFrame を使用するためのヒント

iFrame を使用するためのヒント

php中世界最好的语言
リリース: 2018-02-05 09:40:30
オリジナル
2014 人が閲覧しました

今回は、iFrame を使用する際の 注意事項 をいくつか紹介します。実際の事例を見てみましょう。

私が現在取り組んでいるプロジェクトがあります - Butou Populars。簡単に言うと、iframe に関する多くの要素を使用している Butou ページにお気に入りの 写真 を追加することです。 概要は次のとおりです。
1. それをカバーするポップアップ レイヤーとして使用します。ページ全体でそのようなブラック マスクを使用したことがあり、ユーザーが IE6 を使用していて、ページ上に選択要素が存在すると、頭痛の種になります (原理はここでは繰り返しません)。ポップアップ DIV では選択範囲をカバーできないことがわかり、今度は iframe が表示されます。ロジックは次のとおりです:
ポップアップ div と同じレベルの iframe に配置します
iframe の
z-index がエラスティック レイヤー div の z-index よりも小さいことを確認します ウィンドウのサイズ変更を追加しますiframe がページ全体を確実にカバーできるように
eventsをスクロールします

var iframe = U.isie6() ? &#39;<iframe style="position:absolute;left:0;top:0;z-index:2000000;filter:Alpha(opacity=0); width:100%;height:&#39; + ds.height + &#39;" frameborder="0"></iframe>&#39; : &#39;&#39;; 
$container.append(iframe).appendTo($body);
ログイン後にコピー

2. クロスドメイン書き込み Cookie

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

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイト

その他の関連記事に注目してください。

関連記事:

無効化および読み取り専用を介して入力を読み取り専用効果に設定する方法

これを HTML タグで使用する方法

以上がiFrame を使用するためのヒントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート