首页 web前端 js教程 基于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/
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
2 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何在steam内输入网址?steam打开网站的方法 如何在steam内输入网址?steam打开网站的方法 Mar 14, 2024 pm 12:10 PM

  如果想要在steam里查阅一些相关的信息或者和朋友分享一些网站链接,要怎么操作呢?steam能输入网址吗?当然是可以的,下面小编就来教教大家如何在Steam内打开网址的方法。  具体方法:  1、首先,我们打开steam。  2、点击设置选项。  3、然后切换到界面标签。  4、勾选显示地址栏。  5、然后再地址栏内输入网址即可使用浏览器。

我如何裁剪HTML中的IFrame? 我如何裁剪HTML中的IFrame? Aug 29, 2023 pm 04:33 PM

内联框架在HTML中称为iframe。标签指定内容中的一个矩形区域,浏览器可以在其中显示带有滚动条和边框的不同文档。要在当前HTML文档中嵌入另一个文档,请使用内联框架。可以使用HTMLiframe名称属性指定元素的引用。在JavaScript中,对元素的引用也是使用name属性进行的。iframe本质上用于在当前显示的网页中显示网页。包含iframe的文档的URL使用“src”属性指定。语法以下是HTML的语法<iframesrc="URL"title="d

iframe为什么加载慢 iframe为什么加载慢 Aug 24, 2023 pm 05:51 PM

iframe加载慢的原因主要包括网络延迟、资源加载时间长、加载顺序、缓存机制以及安全策略等。详细介绍:1、网络延迟,当浏览器加载一个包含iframe的网页时,需要发送请求到服务器获取iframe中的内容,若网络延迟较高,那么获取内容的时间就会增加,从而导致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检测网址是什么意思 php检测网址是什么意思 Jul 18, 2023 am 11:02 AM

php检测网址是指使用PHP编程语言来验证输入的字符串是否符合网址的格式。检测网址的方法:1、使用正则表达式进行网址校验,可以使用“preg_match”函数来进行正则匹配,如果URL符合模式;2、使用内置函数进行网址校验,使用“filter_var”函数和“FILTER_VALIDATE_URL”过滤器来验证。

什么技术可以代替iframe 什么技术可以代替iframe Aug 24, 2023 pm 01:53 PM

可以代替iframe的技术有Ajax、JavaScript库或框架、Web组件技术、前端路由和服务器端渲染等。详细介绍:1、Ajax是一种用于创建动态网页的技术。它可以通过在后台与服务器进行数据交换,实现页面的异步更新,而无需刷新整个页面,使用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是一种HTML标签,用于在网页中嵌入另一个网页或文档。在Python中,可以使用各种库和框架来处理和操作iframe,其中最常用的是BeautifulSoup库,可以轻松地从一个网页中提取出iframe的内容,并对其进行操作和处理。掌握如何处理和操作iframe对于Web开发和数据抓取都是非常有用的。

See all articles