ホームページ ウェブフロントエンド jsチュートリアル jQuery に基づいて、クリックして 2 つの iframe の URL を同時に変更します_jquery

jQuery に基づいて、クリックして 2 つの iframe の URL を同時に変更します_jquery

May 16, 2016 pm 06:24 PM
iframe URL

個人的には、jQuery を使用して実装することをお勧めします。コードはシンプルでスケーラブルです。
jQuery 部分:


関数 gotourl(url_a, url_b)
{
$('#ifr_a').get(0).src =
$(' #ifr_b').get (0).src = url_b;
}

html 呼び出し:

クリックすると、下の 2 つの iframe の内容が変わります iframe src="http:// jb51.net/" id="ifr_a" name="ifr_a" Frameborder="0">

js を通じて iframe の ID を決定し、異なる src 値を割り当てることも可能です


Mr.Think の個人ブログに掲載された原文:
http://mrthink.net/javascript-jquery-twourl-twoifram /
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

SteamにURLを入力するにはどうすればよいですか? steamでウェブサイトを開く方法 SteamにURLを入力するにはどうすればよいですか? steamでウェブサイトを開く方法 Mar 14, 2024 pm 12:10 PM

Steam で関連情報を確認したり、Web サイトのリンクを友達と共有したりしたい場合、どうすればよいでしょうか? SteamにURLを入力できますか?もちろん可能です. 以下ではSteamでURLを開く方法を説明します。具体的な方法: 1.まず、steamを開きます。 2. 「設定」オプションをクリックします。 3. 次に、「インターフェース」タブに切り替えます。 4. [アドレス バーを表示する] チェックボックスをオンにします。 5. 次に、アドレス バーに URL を入力してブラウザを使用します。

HTML で IFrame をトリミングするにはどうすればよいですか? 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 の構文です。

iframe の読み込みが遅いのはなぜですか? iframe の読み込みが遅いのはなぜですか? Aug 24, 2023 pm 05:51 PM

iframe の読み込みが遅い原因には、主にネットワーク遅延、リソース読み込み時間の長さ、読み込み順序、キャッシュ メカニズム、セキュリティ ポリシーが含まれます。詳細な紹介: 1. ネットワーク遅延: ブラウザーが iframe を含む Web ページを読み込むとき、iframe 内のコンテンツを取得するためにサーバーにリクエストを送信する必要があります。ネットワーク遅延が大きい場合、コンテンツの取得に時間がかかります。 ; 2. リソースの読み込み時間が長い場合、リソースのサイズが大きい場合、またはサーバーの応答時間が長い場合、読み込み速度はより明らかに遅くなります; 3. 読み込みシーケンス、等

iframe の data-id は何を意味しますか? iframe の data-id は何を意味しますか? Aug 28, 2023 pm 02:25 PM

iframe の data-id は、特定の要素の識別子を格納するために HTML タグで使用されるカスタム属性を指します。 data-id 属性を使用すると、iframe 要素に一意の識別子を追加して、JavaScript で操作およびアクセスできるようにすることができます。 data-id 属性の命名は、特定のニーズに応じてカスタマイズできますが、一意性と読みやすさを確保するために、通常はいくつかの命名規則に従います。 data-id 属性を使用して、特定の iframe を識別および操作することもできます。

php が URL を検出する とはどういう意味ですか? php が URL を検出する とはどういう意味ですか? Jul 18, 2023 am 11:02 AM

PHP URL 検出とは、PHP プログラミング言語を使用して、入力文字列が URL の形式に準拠しているかどうかを検証することを指します。 URL を検出する方法: 1. URL 検証に正規表現を使用します。URL がパターンと一致する場合、「preg_match」関数を使用して正規の一致を実行できます。2. URL 検証に組み込み関数を使用し、「filter_var」を使用します。関数と「FILTER_VALIDATE_URL」」フィルターを検証します。

iframe に代わるテクノロジーは何ですか iframe に代わるテクノロジーは何ですか Aug 24, 2023 pm 01:53 PM

iframe を置き換えることができるテクノロジには、Ajax、JavaScript ライブラリまたはフレームワーク、Web コンポーネント テクノロジ、フロントエンド ルーティング、サーバー側レンダリングなどがあります。詳細な紹介: 1. Ajax は、動的な Web ページを作成するために使用されるテクノロジです。ページ全体を更新することなく、バックグラウンドでサーバーとデータをやり取りすることでページの非同期更新を実現 Ajaxを使用することでより柔軟にコンテンツを読み込んで表示できるほか、他のページを埋め込むためにiframeを使用する必要もありません 2. JavaScriptライブラリまたは React などのフレームワーク。

iframeの読み込みイベントとは何ですか? iframeの読み込みイベントとは何ですか? Aug 28, 2023 pm 01:55 PM

iframe の読み込みイベントには、onload イベント、onreadystatechange イベント、onbeforeunload イベント、onerror イベント、onabort イベントなどが含まれます。詳細説明: 1. onload イベント、iframe のロード後に実行される JavaScript コードを指定、2. onreadystatechange イベント、iframe の状態が変化したときに実行される JavaScript コードを指定、など。

Python での iframe とは何ですか? Python での iframe とは何ですか? Aug 25, 2023 pm 03:24 PM

Python の iframe は、Web ページに別の Web ページまたはドキュメントを埋め込むために使用される HTML タグです。 Python では、さまざまなライブラリとフレームワークを使用して iframe を処理および操作できます。その中で最も一般的に使用されるのは BeautifulSoup ライブラリで、Web ページから iframe のコンテンツを簡単に抽出して操作および処理できます。 iframe の処理方法を知ることは、Web 開発とデータ スクレイピングの両方に非常に役立ちます。

See all articles