Maison interface Web js tutoriel 基于jQuery实现点击同时更改两个iframe的网址_jquery

基于jQuery实现点击同时更改两个iframe的网址_jquery

May 16, 2016 pm 06:24 PM
iframe 网址

个人推荐用jQuery实现,代码简洁,扩展性强.
jQuery部分:

复制代码 代码如下:

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

html调用:

点我下面两个iframe内容都会变


通过js判断iframe的id,然后给不同id赋不同的src值也可以实现,但代码相对复杂一点. 


原文发布于Mr.Think的个人博客: http://mrthink.net/javascript-jquery-twourl-twoifram/
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment saisir l'URL dans Steam ? Comment ouvrir un site Web sur Steam Comment saisir l'URL dans Steam ? Comment ouvrir un site Web sur Steam Mar 14, 2024 pm 12:10 PM

Si vous souhaitez vérifier certaines informations pertinentes dans Steam ou partager des liens vers des sites Web avec des amis, comment procédez-vous ? Puis-je saisir une URL dans Steam ? Bien sûr, c'est possible. Ci-dessous, je vais vous apprendre comment ouvrir une URL dans Steam. Méthodes spécifiques : 1. Tout d’abord, nous ouvrons Steam. 2. Cliquez sur l'option Paramètres. 3. Passez ensuite à l'onglet Interface. 4. Cochez Afficher la barre d'adresse. 5. Saisissez ensuite l'URL dans la barre d'adresse pour utiliser le navigateur.

Comment recadrer un IFrame en HTML ? Comment recadrer un IFrame en HTML ? Aug 29, 2023 pm 04:33 PM

Les frames en ligne sont appelés iframes en HTML. Une étiquette spécifie une zone rectangulaire dans le contenu où le navigateur peut afficher différents documents avec des barres de défilement et des bordures. Pour intégrer un autre document dans le document HTML actuel, utilisez des cadres en ligne. Une référence à un élément peut être spécifiée à l'aide de l'attribut de nom HTMLiframe. En JavaScript, les références aux éléments sont également faites à l'aide de l'attribut name. Une iframe est essentiellement utilisée pour afficher une page Web dans la page Web actuellement affichée. L'URL du document contenant l'iframe est spécifiée à l'aide de l'attribut "src". Syntaxe Voici la syntaxe du HTML <iframesrc="URL"title="d

Pourquoi l'iframe se charge-t-elle lentement ? Pourquoi l'iframe se charge-t-elle lentement ? Aug 24, 2023 pm 05:51 PM

Les raisons du chargement lent des iframes incluent principalement le retard du réseau, le long temps de chargement des ressources, l'ordre de chargement, le mécanisme de mise en cache et la politique de sécurité. Introduction détaillée : 1. Délai du réseau Lorsque le navigateur charge une page Web contenant une iframe, il doit envoyer une requête au serveur pour obtenir le contenu de l'iframe. Si le délai du réseau est élevé, le délai d'obtention du contenu sera élevé. augmenter, entraînant un chargement lent de l'iframe. ; 2. Lorsque le temps de chargement de la ressource est long, la taille de la ressource est grande ou le temps de réponse du serveur est long, la vitesse de chargement sera évidemment plus lente 3. Séquence de chargement, etc.

Que signifie php détecter l'URL ? Que signifie php détecter l'URL ? Jul 18, 2023 am 11:02 AM

La détection d'URL PHP fait référence à l'utilisation du langage de programmation PHP pour vérifier si la chaîne d'entrée est conforme au format de l'URL. Méthodes pour détecter les URL : 1. Utilisez des expressions régulières pour la vérification des URL. Vous pouvez utiliser la fonction "preg_match" pour effectuer une correspondance régulière, si l'URL correspond au modèle ; 2. Utilisez les fonctions intégrées pour la vérification des URL, utilisez le "filter_var". fonction et filtre "FILTER_VALIDATE_URL" à vérifier.

Que signifie l'identifiant de données dans iframe ? Que signifie l'identifiant de données dans iframe ? Aug 28, 2023 pm 02:25 PM

Le data-id dans une iframe fait référence à un attribut personnalisé utilisé dans les balises HTML pour stocker l'identifiant d'un élément spécifique. En utilisant l'attribut data-id, vous pouvez ajouter un identifiant unique à l'élément iframe afin qu'il puisse être manipulé et accessible en JavaScript. La dénomination de l'attribut data-id peut être personnalisée en fonction de besoins spécifiques, mais certaines conventions de dénomination sont généralement suivies pour garantir son unicité et sa lisibilité. L'attribut data-id peut également être utilisé pour identifier et manipuler une iframe spécifique.

Quelle technologie peut remplacer l'iframe Quelle technologie peut remplacer l'iframe Aug 24, 2023 pm 01:53 PM

Les technologies qui peuvent remplacer les iframes incluent Ajax, les bibliothèques ou frameworks JavaScript, les technologies de composants Web, le routage frontal et le rendu côté serveur. Introduction détaillée : 1. Ajax est une technologie utilisée pour créer des pages Web dynamiques. Il peut réaliser des mises à jour asynchrones de la page en échangeant des données avec le serveur en arrière-plan sans actualiser la page entière. L'utilisation d'Ajax peut charger et afficher le contenu de manière plus flexible, et il n'est pas nécessaire d'utiliser iframe pour intégrer d'autres pages ; ou un framework , comme React et ainsi de suite.

Quels sont les événements de chargement d'iframe ? Quels sont les événements de chargement d'iframe ? Aug 28, 2023 pm 01:55 PM

Les événements de chargement de l'iframe incluent l'événement onload, l'événement onreadystatechange, l'événement onbeforeunload, l'événement onerror, l'événement onabort, etc. Description détaillée : 1. événement onload, spécifiant le code JavaScript à exécuter après le chargement de l'iframe ; 2. événement onreadystatechange, spécifiant le code JavaScript à exécuter lorsque l'état de l'iframe change, etc.

Que signifie iframe en Python ? Que signifie iframe en Python ? Aug 25, 2023 pm 03:24 PM

iframe en Python est une balise HTML utilisée pour intégrer une autre page Web ou un autre document dans une page Web. En Python, vous pouvez utiliser diverses bibliothèques et frameworks pour traiter et manipuler les iframes, dont la plus couramment utilisée est la bibliothèque BeautifulSoup, qui peut facilement extraire le contenu d'une iframe d'une page Web et le manipuler et le traiter. Savoir comment gérer et manipuler les iframes est extrêmement utile à la fois pour le développement Web et pour le scraping de données.

See all articles