iframe ウィンドウの高さの適応_javascript スキルのためのもう 1 つの独創的な実装アイデア
ドメイン A には、index.html ページがあり、ドメイン B には、other.html ページが iframe を介してネストされています。
other.html ページは iframe に表示され、そのページのコンテンツは動的に増減します。 iframe を削除する必要があります スクロール バー
JavaScript の同一オリジン ポリシーの制限により、クロスドメイン操作を実行できないため、問題がさらに難しくなります
オンライン実践、エージェント ページを参照してください。または中間の Agent.html と呼ばれる、ドメイン A に属するものが導入されます。
次に、ドメイン B の other.html で、iframe を使用して Agent.html をネストします。
さて、状況は次のようになります。
index.html iframe を使用してネストする other.html
other.html iframe を使用して Agent.html をネストする
3 ページ目の Agent.html が導入されている理由は、 「同一生成元ポリシー」を使用して、異なるドメインでのパラメータの転送を完了します。
最終的な目標は、スクロール バーを削除し、すべての埋め込みページ コンテンツが表示されるようにすることです。
1. other.html ページの実際の高さを取得します。
2. 高さをオンに設定します。埋め込まれた iframe の src 属性
3. Agent.html の iframe の src 属性の高さの値をインターセプト
次の例では、setInterval( ) の使用を回避するトリックが使用されています。 iframe の高さ
この方法では、iframe の src にタイムスタンプを付加して、ブラウザが毎回 Agent.html をリロードするようにします。
次に、agent.hml の js 関数 invokeMethodInTopWindow() で Execute 2 html を取得します。
domainA
index.html
#{extends 'main.html' /}
#{set title:'Home' /}
たとえば、ハッカー プログラムは、実際のユーザー名とパスワードを使用してログインすると、IFrame を使用して自分のページに実際の銀行ログイン ページを埋め込みます。
彼のページは Javascript を通じてフォームの入力内容を読み取ることができるため、ユーザー名とパスワードを簡単に取得できます。
たとえば、ハッカー プログラムは IFrame を使用して実際の銀行のログイン ページを自分のページに埋め込みます。実際のユーザー名とパスワードでログインすると、
彼のページは Javascript を通じて入力内容を読み取ることができます。フォームに入力すると、ユーザー名とパスワードを簡単に取得できます。
たとえば、ハッカー プログラムは IFrame を使用して実際の銀行のログイン ページを自分のページに埋め込みます。実際のユーザー名とパスワードでログインすると、
彼のページは Javascript を通じて入力内容を読み取ることができます。フォームに入力すると、ユーザー名とパスワードを簡単に取得できます。
たとえば、ハッカー プログラムは IFrame を使用して実際の銀行のログイン ページを自分のページに埋め込みます。実際のユーザー名とパスワードでログインすると、
彼のページは Javascript を通じて入力内容を読み取ることができます。フォームに入力すると、ユーザー名とパスワードを簡単に取得できます。
たとえば、ハッカー プログラムは IFrame を使用して実際の銀行のログイン ページを自分のページに埋め込みます。実際のユーザー名とパスワードでログインすると、
彼のページは Javascript を通じて入力内容を読み取ることができます。フォームに入力すると、ユーザー名とパスワードを簡単に取得できます。
たとえば、ハッカー プログラムは IFrame を使用して実際の銀行のログイン ページを自分のページに埋め込みます。実際のユーザー名とパスワードでログインすると、
彼のページは Javascript を通じて入力内容を読み取ることができます。フォームに入力すると、ユーザー名とパスワードを簡単に取得できます。
たとえば、ハッカー プログラムは IFrame を使用して実際の銀行のログイン ページを自分のページに埋め込みます。実際のユーザー名とパスワードでログインすると、
彼のページは Javascript を通じて入力内容を読み取ることができます。フォームに入力すると、ユーザー名とパスワードを簡単に取得できます。
たとえば、ハッカー プログラムは IFrame を使用して実際の銀行のログイン ページを自分のページに埋め込みます。実際のユーザー名とパスワードでログインすると、
彼のページは Javascript を通じて入力内容を読み取ることができます。フォームに入力すると、ユーザー名とパスワードを簡単に取得できます。
🎜>
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7530
15
1378
52
82
11
21
76
HTML で IFrame をトリミングするにはどうすればよいですか?
Aug 29, 2023 pm 04:33 PM
インラインフレームはHTMLではiframeと呼ばれます。ラベルは、ブラウザがスクロール バーや枠線を使用してさまざまなドキュメントを表示できる、コンテンツ内の長方形の領域を指定します。現在の HTML ドキュメント内に別のドキュメントを埋め込むには、インライン フレームを使用します。要素への参照は、HTMLiframe name 属性を使用して指定できます。 JavaScript では、要素への参照も name 属性を使用して行われます。 iframe は基本的に、現在表示されている Web ページ内に Web ページを表示するために使用されます。 iframe を含むドキュメントの URL は、「src」属性を使用して指定されます。構文 以下は HTML <iframesrc="URL"title="d の構文です。
Google Chromeを毎回新しいウィンドウで開くように設定する方法
Mar 06, 2024 pm 06:19 PM
Google Chrome で毎回新しいウィンドウが開くように設定するにはどうすればよいですか?悪質なユーザーは仕事や勉強に Google Chrome を使用することを好みます。このブラウザは安全、高速、そして便利です。ユーザーによってブラウザの使用の好みは異なります。一部のユーザーは、Google Chrome を新しいウィンドウとして開き、素早い検索を容易にします。セットアップします。次に、Google Chrome を開くたびに、エディターが新しいウィンドウの設定に関するチュートリアルを表示します。興味のある友人は、学習に来てください。 Google Chrome を開くたびに新しいウィンドウを設定するチュートリアル 1. コンピューターのデスクトップで Google Chrome をダブルクリックして開き、右上隅にある [3 つの点] アイコンをクリックします。 2. [設定] オプションを見つけて、ページに入ります (図を参照)。 3. Google Chromeに移動します
iframe の読み込みが遅いのはなぜですか?
Aug 24, 2023 pm 05:51 PM
iframe の読み込みが遅い原因には、主にネットワーク遅延、リソース読み込み時間の長さ、読み込み順序、キャッシュ メカニズム、セキュリティ ポリシーが含まれます。詳細な紹介: 1. ネットワーク遅延: ブラウザーが iframe を含む Web ページを読み込むとき、iframe 内のコンテンツを取得するためにサーバーにリクエストを送信する必要があります。ネットワーク遅延が大きい場合、コンテンツの取得に時間がかかります。 ; 2. リソースの読み込み時間が長い場合、リソースのサイズが大きい場合、またはサーバーの応答時間が長い場合、読み込み速度はより明らかに遅くなります; 3. 読み込みシーケンス、等
iframe の data-id は何を意味しますか?
Aug 28, 2023 pm 02:25 PM
iframe の data-id は、特定の要素の識別子を格納するために HTML タグで使用されるカスタム属性を指します。 data-id 属性を使用すると、iframe 要素に一意の識別子を追加して、JavaScript で操作およびアクセスできるようにすることができます。 data-id 属性の命名は、特定のニーズに応じてカスタマイズできますが、一意性と読みやすさを確保するために、通常はいくつかの命名規則に従います。 data-id 属性を使用して、特定の iframe を識別および操作することもできます。
iframe に代わるテクノロジーは何ですか
Aug 24, 2023 pm 01:53 PM
iframe を置き換えることができるテクノロジには、Ajax、JavaScript ライブラリまたはフレームワーク、Web コンポーネント テクノロジ、フロントエンド ルーティング、サーバー側レンダリングなどがあります。詳細な紹介: 1. Ajax は、動的な Web ページを作成するために使用されるテクノロジです。ページ全体を更新することなく、バックグラウンドでサーバーとデータをやり取りすることでページの非同期更新を実現 Ajaxを使用することでより柔軟にコンテンツを読み込んで表示できるほか、他のページを埋め込むためにiframeを使用する必要もありません 2. JavaScriptライブラリまたは React などのフレームワーク。
iframeの読み込みイベントとは何ですか?
Aug 28, 2023 pm 01:55 PM
iframe の読み込みイベントには、onload イベント、onreadystatechange イベント、onbeforeunload イベント、onerror イベント、onabort イベントなどが含まれます。詳細説明: 1. onload イベント、iframe のロード後に実行される JavaScript コードを指定、2. onreadystatechange イベント、iframe の状態が変化したときに実行される JavaScript コードを指定、など。
Python での iframe とは何ですか?
Aug 25, 2023 pm 03:24 PM
Python の iframe は、Web ページに別の Web ページまたはドキュメントを埋め込むために使用される HTML タグです。 Python では、さまざまなライブラリとフレームワークを使用して iframe を処理および操作できます。その中で最も一般的に使用されるのは BeautifulSoup ライブラリで、Web ページから iframe のコンテンツを簡単に抽出して操作および処理できます。 iframe の処理方法を知ることは、Web 開発とデータ スクレイピングの両方に非常に役立ちます。
iframe の危険性とは
Sep 08, 2023 pm 03:14 PM
iframe の危険性は主に次のとおりです: 1. セキュリティの脆弱性: 悪意のある Web ページが iframe 経由で他の Web ページをロードし、攻撃を実行する可能性がある; 2. 同一オリジン ポリシーの突破: iframe で他のドメイン名で Web ページをロードすることにより、同じ -オリジンポリシーが侵害される可能性があるクロスドメイン通信を実現するための戦略（悪意のある攻撃を受ける可能性がある）、3. コード実行の問題、iframe にロードされた Web ページで JS コードが実行される可能性があり、セキュリティ上の問題が発生する可能性がある、4. SEO の問題、検索エンジンiframe などを介して読み込まれたコンテンツを正しく解析してインデックスを作成できない場合があります。
