Rumah > hujung hadapan web > tutorial js > jquery如何获取iframe

jquery如何获取iframe

coldplay.xixi
Lepaskan: 2020-12-01 16:28:59
asal
5256 orang telah melayarinya

jquery获取iframe的方法:在dom方法外面加上jquery的选择符,代码为【$(window.frames["iframeChild"].document),$(window.parent.document)】。

jquery如何获取iframe

本教程操作环境:windows7系统、jquery3.2.1版本,该方法适用于所有品牌电脑。

jquery获取iframe的方法:

在一下网页中,一些人会用到iframe,dom获取页面中的iframe还是很简单的:

父窗口中操作iframe:

window.frames["iframeChild"].document    //假如iframe的id为iframeChild
Salin selepas log masuk

在子窗口中操作父窗口:window.parent.document

那么,用如果想用jquery的方法,我们怎么用jquery来获取iframe呢?下面是一下收集来的方法。

获取页面的对象其实就是dom方法外面加上jquery的选择符:

父窗口中操作iframe:

$(window.frames["iframeChild"].document)    //假如iframe的id为iframeChild
Salin selepas log masuk

在子窗口中操作父窗口:$(window.parent.document)

接下来就可以继续获取iframe内的dom了。

获取iframe内的dom对象有两种方法

  • $(window.frames["iframeChild"].document).find("#child")

  • $("#child",window.frames["iframeChild"].document)

1.在父窗口中操作 选中IFRAME中的所有单选按钮

$(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true");
Salin selepas log masuk

2.在IFRAME中操作 选中父窗口中的所有单选按钮

$(window.parent.document).find("input[@type='radio']").attr("checked","true");
Salin selepas log masuk

相关免费学习推荐:javascript(视频)

Atas ialah kandungan terperinci jquery如何获取iframe. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan